You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
prevent flebox overflows.
It's hard to always test in all screen sizes and with different browser default for min-width it's even impossible to test all scenarios on a single machine.
By applying this normalization we can get the same min-width for elements across all browsers overriding their hardcoded min-width values.
needs triageIssues and pull requests that need triage attention
1 participant
Converted from issue
This discussion was converted from issue #8221 on February 09, 2024 10:47.
Heading
Bold
Italic
Quote
Code
Link
Numbered list
Unordered list
Task list
Attach files
Mention
Reference
Menu
reacted with thumbs up emoji reacted with thumbs down emoji reacted with laugh emoji reacted with hooray emoji reacted with confused emoji reacted with heart emoji reacted with rocket emoji reacted with eyes emoji
-
Description
as per title
This was originally proposed by tailwind author here:
https://twitter.com/adamwathan/status/1734696245015494711
and nicely explained here:
https://youtu.be/cH8VbLM1958?si=bjzFH5o5LFklJJ7U&t=60
Problem Statement/Justification
prevent flebox overflows.
It's hard to always test in all screen sizes and with different browser default for min-width it's even impossible to test all scenarios on a single machine.
By applying this normalization we can get the same min-width for elements across all browsers overriding their hardcoded min-width values.
nice writeup here: https://www.joshwcomeau.com/css/interactive-guide-to-flexbox/#the-minimum-size-gotcha-11
Proposed Solution or API
adding to CSS reset
Alternatives
applying it in each chakra ui project manually myself
Additional Information
No response
Beta Was this translation helpful? Give feedback.
All reactions