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
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:
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