LongTextInput is not auto expandable textarea

[atomxsk8]

Please do not submit support requests or "How to" questions here. For that, go to StackOverflow.

What you were expecting:
<LongTextInput> display correct

What happened instead:
if <LongTextInput> in <TabbedForm> have data, it not auto expandable textarea

if <LongTextInput> in <TabbedForm> no data,

Steps to reproduce:

1. git clone https://github.com/marmelab/react-admin.git && cd react-admin
2. make install && make run-demo
3. Login demo/demo
4. Go to Customers menu and click edit some customer
5. Go to tab Address

Related code:

<FormTab label="resources.customers.tabs.address">
                <LongTextInput
                    source="address"
                    formClassName={classes.address}
                />
                <TextInput source="zipcode" formClassName={classes.zipcode} />
                <TextInput source="city" formClassName={classes.city} />
</FormTab>

Other information:

Environment

• React-admin version: 2.0.3
• Last version that did not exhibit the issue (if applicable): v2.0.0-RC4
• React version: 16.3.2
• Browser: Chrome Version 67.0.3396.87 (Official Build) (64-bit)
• Stack trace (in case of a JS error):

[berge616]

I also saw this issue. I made the following workaround:
<TextInput multiline rows={'10'} fullWidth source="notes"/>

[fzaninotto]

Confirmed. This is a recent regression, since the online demo doesn't show the problem. Perhaps a material-ui regression?

[fzaninotto]

Nope, it also shows in master

[fzaninotto]

It's a regression since 2.0.2, using git bisect to locate the culprit commit

[fzaninotto]

Here is the culprit, determined by git bisect: fa4bac6

fa4bac69f65248fbc364d43711fabec001f7ab1a is the first bad commit
commit fa4bac69f65248fbc364d43711fabec001f7ab1a
Author: Francois Zaninotto <fzaninotto@gmail.com>
Date:   Tue Jun 5 14:49:06 2018 +0200

    Fix global validation on TabbedForm

    Closes #1866

[fzaninotto]

I believe this is a material-ui bug.