Fix placeholder being cut off even if fullWidth is enabled.

Fixes #200
TeamWertarbyte · Jan 20, 2019 · d47cc25 · d47cc25
1 parent 0964b09
commit d47cc25
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/src/ChipInput.js b/src/ChipInput.js
@@ -30,6 +30,7 @@ const styles = (theme) => {
     root: {},
     inputRoot: {
       display: 'inline-block',
+      flex: '1 0 auto',
       marginTop: 0,
       '&$outlined,&$filled': {
         boxSizing: 'border-box'
@@ -43,6 +44,9 @@ const styles = (theme) => {
     },
     input: {
       display: 'inline-block',
+      textOverflow: 'ellipsis',
+      overflow: 'hidden',
+      whiteSpace: 'nowrap',
       appearance: 'none', // Remove border in Safari, doesn't seem to break anything in other browsers
       WebkitTapHighlightColor: 'rgba(0,0,0,0)', // Remove mobile color flashing (deprecated style).
       float: 'left',
@@ -51,6 +55,8 @@ const styles = (theme) => {
       }
     },
     chipContainer: {
+      display: 'flex',
+      flexFlow: 'row wrap',
       cursor: 'text',
       marginBottom: -2,
       minHeight: 40,