Re: [csswg-drafts] [css-flexbox] flex-shrink: hide (#4199)

I think this is a great idea. I also think developers might want to decide in what order elements are hidden.

There could be, in addition to `flex-shrink` a new `flex-hide: [number]`.

```html
<button>
    <img src="icon.png" alt="">
    <span class="label">Label</span>
    <span class="count">3</span>
</button>
```

```css
button { display: flex; flex-direction: row; }
button > img { flex: 0 0 auto; }
.label { flex-grow: 1; flex-hide: 2; }
.count { flex-hide: 1; }
```

I don't know if the numbers should go up or down, i.e. Priority 1 stays on screen vs. No. 1 is hidden first (like this example).

-- 
GitHub Notification of comment by nxtman123
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/4199#issuecomment-3647993634 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Friday, 12 December 2025 20:12:48 UTC