Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Input] display issues #13357

Closed
2 tasks done
Mangatt opened this issue Oct 23, 2018 · 3 comments · Fixed by #15331
Closed
2 tasks done

[Input] display issues #13357

Mangatt opened this issue Oct 23, 2018 · 3 comments · Fixed by #15331
Assignees
Labels
bug 🐛 Something doesn't work component: text field This is the name of the generic UI component, not the React module!

Comments

@Mangatt
Copy link
Contributor

Mangatt commented Oct 23, 2018

I have noticed that [Input] has some display issues.

  • This is not a v0.x issue.
  • I have searched the issues of this repository and believe that this is not a duplicate.

Using https://material-ui.com/demos/text-fields/ :

  • There is visible line through outlined label [Input] on hiDPI screen in Chrome 69
  • There is sometimes visible scrollbar on multiline [Input] on hiDPI screen in Chrome 69
  • Textarea is not growing when you insert just empty lines in Edge 42

input

@oliviertassinari
Copy link
Member

There is visible line through outlined label [Input] on hiDPI screen in Chrome 69

It's a duplicate of #13297.

Textarea is not growing when you insert just empty lines in Edge 42

It's a duplicate of #12172.

There is sometimes visible scrollbar on multiline [Input] on hiDPI screen in Chrome 69

Do you have an isolated reproduction?

@oliviertassinari oliviertassinari added component: text field This is the name of the generic UI component, not the React module! status: waiting for author Issue with insufficient information labels Oct 23, 2018
@nicolasiensen
Copy link
Contributor

There is sometimes visible scrollbar on multiline [Input] on hiDPI screen in Chrome 69

Were you using a wheeled mouse? I know that the scrollbar behaves differently when you are using a trackpad vs. a wheeled mouse.

@Mangatt
Copy link
Contributor Author

Mangatt commented Oct 23, 2018

@oliviertassinari There you go: https://codesandbox.io/s/z2l82y6ylp

Behavior is actually not random, it depends on number of lines:

  • only 1 line: ok
  • 2, 3, 7, 8 lines: scrollbar
  • 4, 5, 6, 9, 10, 11 lines: ok

After first line, pattern is 2 lines with scrollbar and 3 lines without, then repeat.

@nicolasiensen It's not about mouse, it behaves like that during text entry.

2
3
6

@oliviertassinari oliviertassinari removed the status: waiting for author Issue with insufficient information label Oct 27, 2018
@oliviertassinari oliviertassinari added the bug 🐛 Something doesn't work label Apr 12, 2019
@oliviertassinari oliviertassinari self-assigned this Apr 13, 2019
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug 🐛 Something doesn't work component: text field This is the name of the generic UI component, not the React module!
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants