feddit.org

1 point

6 months ago

It’s 2024 and flexboxes still don’t work that well with vertical direction and wraparound…

report

[ - ]

bleistift2@sopuli.xyz

1 point

6 months ago

Do you have an example?

report

[ - ]

2 points

6 months ago

Sure. Here you go. The green container should cover all red boxes in both cases. I’ve been bashing my head against this issue for a while, but, as far as I understand, this is a bug that’s never going to be fixed. Which sucks, because I wanted to re-design some of the apps in the horizontal metro-style scrolling manner for the bottom screen on my zephyrus duo, but this effectively prevents me from doing so (Unless I use grids and set positions manually).

report

[ - ]

bleistift2@sopuli.xyz

1 point

6 months ago

That’s interesting. Chrome displays it as you intended, Firefox doesn’t. I guess it’s required that the vertical flex be inline-flex?

report

[ - ]

1 point

6 months ago

Huh, neat. The last time I looked, chrome was also plagued by this. Might actually re-start some projects I had, but it sucks to have to use chrome.

inline-flex is indeed necessary since we’re growing left to right and flex would take the entire/fixed width, unless it’s also inside a flexbox.

report

[ - ]

bleistift2@sopuli.xyz

1 point

6 months ago

it sucks to have to use chrome

I also hate to admit it, but Chrome currently is the superior browser.

report

[ - ]

1 point

6 months ago

Chromium is a superior engine, yes. But Chrome itself, at least in my eyes, looks to be the least capable browser out of the bunch. I’d rather Vivaldi if I had to switch.

report

[ - ]

1 point

6 months ago

Inline is never needed and you already know that.

report

[ - ]

1 point

6 months ago

EDIT: Alright, this is a terrible case because the parent element has flex and therefore no inline-flex is necessary there, but I’d argue it’s the parent element being flex that is redundant, rather than child element being inline.

report