Flexbox min-content sizing limits with min-width:auto
0 reputation · 03 Dec 2022, 13:54 UTC
Goal is to clarify the documented sizing limits for flex items that use min-content when the default min-width:auto is in effect.
The CSS Flexbox layout specification defines how min-content contributes to the flex base size, but the interaction with the automatic minimum size is a documented source of implementation variance. The behavior is described as differing between browsers, with reports that Firefox follows the spec definition while Chrome and Safari apply a max-content fallback for certain cases. The unresolved point is whether min-content should be allowed to shrink a flex item below its content-based minimum without an explicit min-width override.
What is the defined limit for min-content sizing of a flex item when min-width:auto is present and no explicit override is set? Does the specification require min-content to apply to the flex item in that configuration, or is a fallback to a larger intrinsic size permitted? What support boundary is documented for min-content in flex items across implementations?