[TextField] Multiline with rowsMax not scrolling in iOS

[beverlycodes]

Problem Description

I'm finding that in iOS Safari, I can't scroll a multiline TextField when its rows exceed the rowsMax property. My TextField is set up like this:

<TextField
  ref="input"
  multiLine={true}
  fullWidth={true}
  rowsMax={6}
  floatingLabelText="Type your post here..."
/>

If my input exceeds 6 rows, the TextField will scroll down so that I can always see what I'm typing, but if I then try to touch-drag to read earlier rows, nothing happens. In a browser, I can use my scroll wheel or arrow keys to see earlier rows. I don't have an Android device handy at the moment to see if this problem exists there too, but if I get a chance to check then I'll come back and update.

Also worth noting that in 0.15.0-alpha.2, a couple of extra rows overflow beyond the input line even when the textarea is scrolled all the way down.

Versions

• Material-UI: 0.14.4, 0.15.0-alpha.2
• React: 0.14.8
• Browser: iOS Safari

[beverlycodes]

Both problems persist in the 0.15.0 release.

[oliviertassinari]

That bug seems to be fixed on the v1-beta branch. Let's close.