Textarea initial height being set to zero

[matsilva]

After _syncHeightWithShadow is called on componentDidMount in the enhanced-textarea.jsx component, it will revert from initial 24 value to 0. As a result, the user is completely blocked from editing the textarea.

I managed to temporarily fix it by changing this line:
https://github.com/callemall/material-ui/blob/master/src/enhanced-textarea.jsx#L123

To:

if (this.state.height !== newHeight && newHeight !== 0) {

Before the fix

After the fix*

[oliviertassinari]

Regarding the fix. What about using instead a max function on the newHeight and rowsHeight?
PR are welcomed.
What props do you pass to the component to produce this bug?

[matsilva]

Cool I can whip together a PR tomorrow.

Just to clarify, you'd be cool with something like this?

newHeight = Math.max(newHeight, rowsHeight)

Here is the component I used to produce the issue using version 0.12.3 of material-ui.

<TextField
    underlineFocusStyle={underlineStyle}
    className="template-upload-field"
        ref="description"
        onBlur={this.addDetails.bind(this, "description")}
    fullWidth={true}
    multiLine={true}
    hintText="Add a description" />

[oliviertassinari]

Yes exactly. I think that the multiLine is a dead property. I don't understand what is reponsible for this strange behaviour.

[matsilva]

Submitted PR for this issue, please review: #1875

[matsilva]

I feel like I should dig into this more though to understand the behaviour... but I need to get something working in the meantime...

[matsilva]

@oliviertassinari pretty backed up on PRs huh? I got another pull request I want to add for documenting certain props of the select field.

Do you guys need any help in the PR department?