[css-flexbox] flex-shrink: hide

[Wes0617]

Rather than shrinking the element, CSS would just hide it.

For example a <button> normally containing a label and a icon, might hide the label if the <button> gets too small.

<button>
    <img src="icon.png" alt="">
    <span>Label</span>
</button>

button { display: flex; flex-direction: row; }
button > img { flex: 0 0 auto; }
button > span { flex: 1 hide auto; }

I'm not sure how this should work and must be discussed if you are interested. Maybe it should be another property that would intervene only after no further shrinking is possible (i.e. min-width/min-height constraint).

Thank you.