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 |