Material-ui: Multiline TextField input does not update on state change and turns into a disabled input/textarea

[kevinvugts]

• [x] I have searched the issues of this repository and believe that this is not a duplicate.

Expected Behavior

Currently when a the state changes of a component using a multiline TextField the multiline Textfield value does not change and turns into a disabled textfield/area. I'll attach a video here:

https://www.youtube.com/watch?v=pq54lQ-Um9s&feature=youtu.be

Current Behavior

Currently what is happening is on a state change. (which is correctly being retrieved) the input field does not show the updated value nor the old value and turns into a disabled field.

Steps to Reproduce (for bugs)

A live example can be found here: http://tabbs-web-app.herokuapp.com/

Login credentials:

email: [email protected]
password: test123321

Please keep in mind that I am running on a free dyno from heroku so it can take 30 seconds to load the page for the first time to wake up the server. (same for the api which is hosted on heroku)

Context

The issue is only happening on the multiline version of a textfield (description, capacity) all other textfields do work. Please note that all address credentials can not be edited at the moment due API limitations.

Your Environment

| Tech | Version |
|--------------|---------|
| Material-UI | 1.0.0-beta.30 |
| React | ^16.2.0 |
| browser | chrome |

[oliviertassinari]

@kevinvugts We can't help without the source code. Maybe you can host the demo on http://codesandbox.io/ and simplify it a bit? Thank you.

[kevinvugts]

Here is the codesandbox. The issue can be found on the venue page. (you'll need to login with the credentials provided here:)

[email protected]
test123321

https://codesandbox.io/s/3xvnzmyqvm

[kevinvugts]

Did you have a look at the codesandbox @oliviertassinari ?

[oliviertassinari]

@kevinvugts I had, they were too many stuff in the demo. Please try to simplify it.

[kevinvugts]

The only code you have to look at is in the /views/Venue/Venue.jsx page. This issue is happening over there with the venue_description TextField. Does that make it easier to locate the issue? :-)

[oliviertassinari]

@kevinvugts It does. The point is that I have the opportunity to delegate half of the time needed to look and fix this issue to you. Because no matter what, I will have to simplify the demo to look into it. Better start with something simple. Instead, I can use this time to work on the release of stable v1. So don't expect me from looking at this issue. I will work on the ones with a better ROI first.

[kevinvugts]

Okey @oliviertassinari fair enough. I'll try to simplify it first. Thanks.

[kevinvugts]

Closing this issue. The problem wasn't the library but just a basic issue in my react-router. Instead of using component I used the render property for a route so it will evaluate wheter it has to call componentDidMount and componentWillUnmount. Sorry @oliviertassinari for any time loss.

[oliviertassinari]

@kevinvugts I'm happy you figured out a solution to the problem :).