Re: [csswg-drafts] [css-flexbox] apply flexibility in steps (#4198)

A usecase for this is breadcrumbs (e.g. Appleā€™s Path Bar). With breadcrumbs, when space is constrained the goal is to preserve relevant information about the current position in the hierarchy as long as possible by selectively truncating less important path items in stages. If every item shrunk at the same rate to fit within the available space, none of these labels would be fully legible when space was constrained and the UI would have a lot less utility.

https://user-images.githubusercontent.com/1310725/232182947-3ba3f85c-f10e-4e5c-8eca-ce8686b8638f.mov

---
Another case to point out is the value of being able to animate flexed items without effecting the flexed size of sibling elements. If every item changed width when one item was hovered the thing you hovered would move sideways instead of out and you'd see the path bar shimmy back and forth as the cursor moved across it.

https://user-images.githubusercontent.com/1310725/232183135-9ceecd34-0df4-4f01-8bf8-e61c0672011c.mov




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


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

Received on Saturday, 15 April 2023 04:46:09 UTC