[Select] Fix height overflow

packages/material-ui/src/NativeSelect/NativeSelect.js

@@ -58,6 +58,8 @@ export const styles = (theme) => ({
   },
   /* Styles applied to the select component `selectMenu` class. */
   selectMenu: {
+    height: 'auto', // Resets for multpile select with chips
+    minHeight: '1.1876em', // Required for select\text-field height consistency
     textOverflow: 'ellipsis',
     whiteSpace: 'nowrap',
     overflow: 'hidden',

test/regressions/tests/Select/SelectChips.js

@@ -0,0 +1,34 @@
+import React from 'react';
+import MenuItem from '@material-ui/core/MenuItem';
+import Select from '@material-ui/core/Select';
+import Chip from '@material-ui/core/Chip';
+
+const values = ['I', 'Do not', 'Overflow'];
+
+export default function SelectChips() {
+  return (
+    <Select
+      multiple
+      value={values}
+      style={{ maxWidth: 100 }}
+      renderValue={(selected) => (
+        <div
+          style={{
+            display: 'flex',
+            flexWrap: 'wrap',
+          }}
+        >
+          {selected.map((value) => (
+            <Chip key={value} label={value} style={{ margin: 2 }} />
+          ))}
+        </div>
+      )}
+    >
+      {values.map((value) => (
+        <MenuItem key={value} value={value}>
+          {value}
+        </MenuItem>
+      ))}
+    </Select>
+  );
+}