From 8358538e8050b0c51d467f7de20098013389fb76 Mon Sep 17 00:00:00 2001 From: Jeremi Anastaziak Date: Sat, 18 Jan 2020 22:41:55 +0100 Subject: [PATCH 1/2] Update CustomizedHook.js --- docs/src/pages/components/autocomplete/CustomizedHook.js | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/docs/src/pages/components/autocomplete/CustomizedHook.js b/docs/src/pages/components/autocomplete/CustomizedHook.js index 9754d768636f7a..89f009906d5177 100644 --- a/docs/src/pages/components/autocomplete/CustomizedHook.js +++ b/docs/src/pages/components/autocomplete/CustomizedHook.js @@ -78,8 +78,7 @@ const Tag = styled(({ label, onDelete, ...props }) => ( const Listbox = styled('ul')` width: 300px; - margin: 0; - margin-top: 2px; + margin: 2px 0 0; padding: 0; position: absolute; list-style: none; From ca0154334c9a8c80b2d07f49b17462af84348c3e Mon Sep 17 00:00:00 2001 From: Olivier Tassinari Date: Tue, 21 Jan 2020 10:17:12 +0100 Subject: [PATCH 2/2] update typescript demo --- docs/src/pages/components/autocomplete/CustomizedHook.js | 2 ++ docs/src/pages/components/autocomplete/CustomizedHook.tsx | 5 +++-- 2 files changed, 5 insertions(+), 2 deletions(-) diff --git a/docs/src/pages/components/autocomplete/CustomizedHook.js b/docs/src/pages/components/autocomplete/CustomizedHook.js index 89f009906d5177..a54ed776610619 100644 --- a/docs/src/pages/components/autocomplete/CustomizedHook.js +++ b/docs/src/pages/components/autocomplete/CustomizedHook.js @@ -33,6 +33,8 @@ const InputWrapper = styled('div')` font-size: 14px; line-height: 26px; padding: 2px 6px; + width: 0; + min-width: 30px; flex-grow: 1; border: 0; outline: 0; diff --git a/docs/src/pages/components/autocomplete/CustomizedHook.tsx b/docs/src/pages/components/autocomplete/CustomizedHook.tsx index 7063d92a75b993..1d599d1cff7f79 100644 --- a/docs/src/pages/components/autocomplete/CustomizedHook.tsx +++ b/docs/src/pages/components/autocomplete/CustomizedHook.tsx @@ -33,6 +33,8 @@ const InputWrapper = styled('div')` font-size: 14px; line-height: 26px; padding: 2px 6px; + width: 0; + min-width: 30px; flex-grow: 1; border: 0; outline: 0; @@ -78,8 +80,7 @@ const Tag = styled(({ label, onDelete, ...props }) => ( const Listbox = styled('ul')` width: 300px; - margin: 0; - margin-top: 2px; + margin: 2px 0 0; padding: 0; position: absolute; list-style: none;