[TextField] 16.4 inputStyle no longer applies styles to input

[jbhatab]

Description

I upgraded from 16.1 to 16.4 and my text field changed styles. inputStyle no longer works.

Images & references

inputStyle: {
fontSize: 13,
marginTop: 9,
}

<TextField
className={className}
disabled={disabled || false}
errorText={errorText}
floatingLabelFixed={true}
floatingLabelStyle={inlineStyles.floatingLabelStyle}
floatingLabelText={label}
fullWidth={true}
hintStyle={inlineStyles.hintStyle}
hintText={placeholder}
inputStyle={inlineStyles.inputStyle}
name={name}
onChange={onChange}
style={inlineStyles.wrapperStyle}
type={type || 'text'}
value={value}
/>
-->

Versions

• Material-UI: 16.4
• React: 15.4.1
• Browser: chrome

[giulianojjk]

I'm experimenting the same issue with the 0.16.7.
I believe it applies also to DatePicker and TimePicker textFieldStyle property.

As a workaround I set a class "biggerInput" to the components using the following CSS:

.biggerInput input {
font-size: 140% !important;
}
.biggerInput textarea {
font-size: 140% !important;
}

But this is a very bad solution.
I hope it can be solved soon!

Thank you for the help!
Giuliano

[oliviertassinari]

We have been porting the component on the next branch. We reimplemented it from the ground-up. While we haven't tested it, I think that the issue is most likely fixed on that branch. Hence, I'm closing it.

[oliviertassinari]

Let's reopen this issue, regressions are bad, even with the alpha version, I would rather see this one fixed.

[oliviertassinari]

Latest feedback from @blevine

Confirmed that this works in 0.18.0, but not 0.18.3. Thanks @WillowHQ

[oliviertassinari]

Let's close for the new component on the v1-beta branch.

[mhemrg]

@oliviertassinari Same issue in ^1.0.0-beta.41.

[oliviertassinari]

@mhemrg https://material-ui.com/demos/text-fields/#customized-inputs