material-components / material-components/material-web
Horizontal scrollbar in textarea
Nobody has claimed this yet.
- Dominant language
- SCSS
- Stars
- 11.3k
- Forks
- 1.1k
- Avg merge
- 20h 28m
- Merged PRs (30d)
- 13
Description
Is it possible to show a horizontal scrollbar in a textarea? I'm still working with v2, so that would be <mwc-textarea>.
Setting white-space: pre on the mwc-textarea does not do anything (setting it on the inner textarea with browser tools avoids the line wrapping). overflow-x: auto does not show anything, overflow-x: scroll shows an inactive scrollbar.
My use case is this:
I have a large textarea where users are allowed to copy CSV data into. For CSV data you don't want the lines to wrap!
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with the v2 entry point and inspect how its inner textarea handles white-space and overflow. Reproduce the CSV case and verify that long lines remain unwrapped and a usable horizontal scrollbar appears.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css
- Domain
- frontend, web-dev
- Issue type
- Feature
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 42/100