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.
Width of StatefulSelect when inside a Block or FlexGrid
See original GitHub issueCurrent Behavior
StatefulSelect is rendering super narrow when placed inside a Block or a FlexGrid.
In the linked demo I have outcommented the override, which makes it a min width, but I think it should not be needed to put an override to get a sensible default width?
Demo: https://codesandbox.io/s/block-with-grid-usage-h4u3j
Expected Behavior
A better default width.
Your Environment
| Tech | Version |
|---|---|
| Base UI | v8.6.1 |
| React | 16.8.2 |
| browser | Chrome 75.x |
- I have searched the issues of this repository and believe that this is not a duplicate.
Issue Analytics
- State:
- Created 4 years ago
- Reactions:3
- Comments:18 (10 by maintainers)
Top Results From Across the Web
How to force Flex Grid width?
To force width, you can use flex-basis:100% property on .p-grid In g-col use flex-grow:1 for equal columns width.
Read more >FlexGrid
It is possible to achieve unequal-width items using Block style overrides. FlexGrid unequal (wide) widths. Wide item. This invisible ...
Read more >Equal Columns With Flexbox: It's More Complicated Than ...
When we declare a width on a flex item, we throw that intrinsic size out the window, as we've now declared an explicit...
Read more >Flex Grid | Foundation for Sites 6 Docs
In Firefox 43+, images in flex columns may overflow their container. To fix this, add a defined width to any images inside a...
Read more >A React Component library implementing the Base design ...
Are there downsides with the api proposed in this issue? enhancement question ... Width of StatefulSelect when inside a Block or FlexGrid ......
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
Please re-open this one and maybe tweak the bot to not close issues when someone comments, because it will just suppress low priority bug fixes like this one.
@rohitb4 did you decide to not attack this one? I may give it a shot if you won’t.