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

@tabatkins Yep, that's the second example in my CodePen, and in the initial message — the main issues with this method:

1. For large items we have to use very big orders of magnitude: if we'd use just `1000`, `1000000` etc for my example, when the first items starts to shrink, the next items also shrinks _just a little_, and this leads to the very limited number of items this method supports. It is ok when we need to handle only 2-4 items, but anything more and we either cannot keep increasing the number, or get the shrinking of other items starting too soon:

    https://user-images.githubusercontent.com/177485/232154565-c8cb3fa0-1ca2-4da1-b190-ab0bdeab5060.mov

2. Transitions won't really work for this method, probably due to the way it works with the very big numbers:

    https://user-images.githubusercontent.com/177485/232154949-7f87bc99-901d-4da9-a21a-5845a24539a3.mov

CodePen demoing those two issues: https://codepen.io/kizu/pen/vYVGKRZ?editors=0100

I imagine if we'd want to implement this as something available natively, we could consider the sequential shrink/grow being for all the items between 0 and positive values or something? And the requirement would be for the transition to work nicely alongside all of these.

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


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

Received on Friday, 14 April 2023 21:12:22 UTC