Stuck on an issue?
Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
`TextInput` container sizing is bigger than intended
See original GitHub issue
The container of `input` element is bigger than the element itself. This creates a `white space` between `TextInput` and the next component when they displayed in a row.
Simmilar problem is with `TextField`. The label stays default width, even if input size is `small` or `medium`. This also creates problem when we whant to display components in one row.Issue Analytics
- State:
- Created 4 years ago
- Comments:5 (5 by maintainers)
Top Results From Across the Web
How do I set the size of an HTML text box? - css - Stack Overflow
Just use: textarea { width: 200px; }. or input[type="text"] { width: 200px; }. Depending on what you mean by 'textbox'.
Read more >C38: Using CSS width, max-width and flexbox to fit labels and ...
Define the width and max-width property for labels and inputs so they enlarge or shrink in the available space and respond to zoom...
Read more >Change TextInput width and show multiple on the same row
I can't find a way to change text input field width and place multiple of them in the same row. I tried a...
Read more >box-sizing - CSS: Cascading Style Sheets - MDN Web Docs
The box-sizing CSS property sets how the total width and height of an element is calculated.
Read more >How does the visual size of a text input field affect users ...
The study found that the average search box is 18-characters wide. The data showed that 27% of queries were too long to fit...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Hey @thebesson here we go 😃 https://github.com/contentful/forma-36/pull/367
closed with #367