https://codepen.io/jaffathecake/pen/RwdMgGV The subgrid applies in Chrome and Firefox, but doesn't seem to apply in Safari (you get a single column).
<rdar://problem/122122998>
To be clear, I haven't managed to confirm which behaviour is expected. I personally expected the Chrome/Firefox behaviour, but I haven't managed to figure the spec out.
Hi Jake, I believe this issue may have been resolved by https://commits.webkit.org/273134@main Does this bug reproduce in the iOS 17.4 beta?
(or the macOS 14.4 beta)
I don't have access to betas, but the commit message sounds like it might fix the issue. Cam you test with the demo provided?
I just tested this in the latest webkit-main and the issue seems to be resolved! In the current version of safari it's not, so it seems like the changes made to webkit here fixed it, and once that version of webkit is used in safari it should be fixed there as well. Here is a screenshot of what I see - minibrowser on the left and safari on the right: https://shottr.cc/s/Vw9i/SCR-20240201-u2p.png
Looks like it's already fixed! Any idea when it might land in Safari? It's not in TP.
According to today's STP release notes this change should be picked up: https://webkit.org/blog/15026/release-notes-for-safari-technology-preview-188/ Please let us know if you can still reproduce the bug even in the latest STP! *** This bug has been marked as a duplicate of bug 267085 ***
Confirmed! The demo now works perfectly. Thank you!