00:33
<Timo Tijhof>
Found an interoperability issue with flexbox vs img elements, I think. However, I can't tell whether the (accidentally useful?) behaviour in Firefox is correct, or whether what Safari/Chrome do is correct. Reduced test case at https://codepen.io/Krinkle/full/wvJrxQO
00:33
<Timo Tijhof>
In Firefox, the images shrink as needed to fit within the row.
00:34
<Timo Tijhof>
in Safari/Chrome, the image's box model becomes wider than natural and pushes out the third and fourth image
00:35
<Timo Tijhof>
I can workaround it by changing width: 100% to width: calc(100% / 4), but seems like that shouldn't be needed.
12:39
<sideshowbarker>
Timo Tijhof: What specs define the required behavior for that? Just the Flexbox spec? Or are there also requirements in HTML spec that are relevant?
12:40
<sideshowbarker>
hmm I guess just the Flexbox spec
12:40
<sideshowbarker>
maybe this is underspecified
18:38
<Andreu Botella (he/they)>
For the record, the #whatwg channel at libera.chat is now bridged at #whatwg:libera.chat
18:38
<Andreu Botella (he/they)>
although the bridge is still buggy