Placeholder is not displayed entirely when fullWidth is enabled

[ugomeda]

In version 1.0.0-beta4, with this code :

<ChipInput
  fullWidth
  placeholder="Ajouter des utilisateurs au groupe"
/>

The placeholder is cut :

[leMaik]

This is due to us using the placeholder of the input element (which doesn't fill the entire width by design). We'll have to see how we can fix this.

[fabriziocucci]

Is there a temporary workaround for this?

[leMaik]

@fabriziocucci No, but I'd appreciate a PR that permanently fixes this. 👍

[trylimits]

It seems like that this issue does not only affect the placeholder, but long inputs in general.
The following workaround fixes both issues this for me:

const styles = theme => ({
    chipContainer: {
        display: 'flex',
        flexFlow: 'row wrap'
    },
    inputRoot: {
        flex: '1 0 auto'
    }
});

[...]

<ChipInput
  classes={{
    chipContainer : classes.chipContainer,
    inputRoot : classes.inputRoot
  }}
  fullWidth
/>

[leMaik]

@trylimits Thank you! Somehow, this wen't completly off my radar. I just added that fix and I'll credit you in the changelog. 👍