Textfield layout breaks when no value

If you have a Textfield and delete it’s value, the layout can become broken:

It looks like because it only has this class when there is a value: https://github.com/prateekbh/preact-material-components/blob/master/Textfield/Textfield.jsx#L73-L75

This can occur when your Textfield is connected to state, e.g,:

<Textfield value={ this.state.lastName } onInput={ e => this.setState({ lastName: e.target.value }) } />

[gpoitch]

Indeed, i didn’t add all the features yet 😀, but showing that you may not have to track floating and focus state since it looks like material-components-web is handling that.

[prateekbh]

ok so the problem in hand(layout breakage) is caused by this line: https://github.com/prateekbh/preact-material-components/blob/master/Textfield/Textfield.jsx#L73

I guess a simple change to 'value' in props should fix the problem in hand.