Fix: combobox[disablePortal] does not work inside flex

mui · Oct 26, 2020 · e062b2b · e062b2b
1 parent 6983ec7
commit e062b2b
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 18 deletions.
diff --git a/docs/src/pages/components/autocomplete/ComboBox.js b/docs/src/pages/components/autocomplete/ComboBox.js
@@ -5,15 +5,17 @@ import Autocomplete from '@material-ui/core/Autocomplete';
 
 export default function ComboBox() {
   return (
-    <Autocomplete
-      disablePortal
-      id="combo-box-demo"
-      options={top100Films}
-      style={{ width: 300 }}
-      renderInput={(params) => (
-        <TextField {...params} label="Movie" variant="outlined" />
-      )}
-    />
+    <div>
+      <Autocomplete
+        disablePortal
+        id="combo-box-demo"
+        options={top100Films}
+        style={{ width: 300 }}
+        renderInput={(params) => (
+          <TextField {...params} label="Movie" variant="outlined" />
+        )}
+      />
+    </div>
   );
 }
 

diff --git a/docs/src/pages/components/autocomplete/ComboBox.tsx b/docs/src/pages/components/autocomplete/ComboBox.tsx
@@ -5,15 +5,17 @@ import Autocomplete from '@material-ui/core/Autocomplete';
 
 export default function ComboBox() {
   return (
-    <Autocomplete
-      disablePortal
-      id="combo-box-demo"
-      options={top100Films}
-      style={{ width: 300 }}
-      renderInput={(params) => (
-        <TextField {...params} label="Movie" variant="outlined" />
-      )}
-    />
+    <div>
+      <Autocomplete
+        disablePortal
+        id="combo-box-demo"
+        options={top100Films}
+        style={{ width: 300 }}
+        renderInput={(params) => (
+          <TextField {...params} label="Movie" variant="outlined" />
+        )}
+      />
+    </div>
   );
 }