Post

Una Kravets
@una.im

Did I mention that `flex-wrap: balance` landed in Chrome stable last month!? 👀👀👀

Una Kravets@una.im

Introducing 🤯 flex-wrap: balance 🤯 Would you use this? ⚠️ Not a real feature yet, just something one of our engineers has been working on. (You can try it out in the latest Chrome Canary with the experimental web platform features flag though!)

khanglol
@khanglol.bsky.social

Wish <div> was a valid descendant of <ul> (like in <dl>), so it could be simple to polyfill this in for older browsers (by creating a bunch of wrapping flex containers with even-numbered elements)

khanglol
@khanglol.bsky.social

Well, then I would need to do this: <ul> <li role="presentation"> <ul role="presentation"> <li>1</li> <li>2</li> </ul> </li> <li role="presentation"> <ul role="presentation"> <li>3</li> <li>4</li> </ul> </li> </ul> Which personally feels weird even if it's technically fine

Una Kravets
@una.im

You can have the role=presentation elements (children of the li) be divs unless you need another set of list items?

khanglol
@khanglol.bsky.social

I guess so, but then give the <div>s role="listitem". But it would be great if I could just: <ul> <div> <li>1</li> <li>2</li> </div> <div> <li>3</li> <li>4</li> </div> </ul> If I had previously used tagnames as selectors, I wouldn''t need to update them, though tbf it's not a lot