Fieldset min-width property

[ahmadalfy]

Fieldset has an intrinsic min-width value set to min-content. Basically if it is not limited to the width of the its parents, it horizontally expand to fit anything inside it.

Adding this will prevent this behavior:

fieldset {
  min-width: 0;
}

I think it would be useful and will prevent that odd behavior. Any thoughts?

[garrettw]

Do different browsers handle that differently? If not, then that's what we would call an opinionated rule. The goal of this project is just to standardize between browsers – not so much to correct consistent bad defaults across all browsers.

[ahmadalfy]

I will confirm, so far it is the same across edge, Chrome and Firefox

[4refael]

This won't work in firefox.

[bs-thomas]

Damn is this a recent change? Just noticed this, googled, and landed here. Is there a global fix for all modern browsers yet?

[7studio]

Maybe this post can help you: https://thatemil.com/blog/2015/01/03/reset-your-fieldset/

[garrettw]

@rellect According to that article, the Firefox fix is:

body:not(:-moz-handler-blocked) fieldset {
  display: table-cell;
}

I'm adding both fixes to my project Vitals right now.