Grrr. @supports is wrong or subgrid is wrong. :(
So I had an idea for two column form layout using grid with fieldset using subgrid.
It works perfectly in Firefox... but not in Edge or Chrome or...
So I checked "canIuse" and it said support was everywhere. But then I check in F12 developer tools in Edge and it says "not supported in ... [long list of browsers]".
So I decide to go for "@supports"... and it is still broken.
So...
Either a) "canIuse.com" is lying and a long list of browsers that it says support subgrid do not
Or b) @supports is lying and a long list of browsers that it reports as supporting subgrid do not
As it happens, I have an acceptable workaround that would work if @supports told the truth.
3 Replies
it would probably really help if you had a codepen example so people can examine this in their own browsers without having to write an example themselves
Sorry, will do that next time. This was venting rather than coding. It does what I expect in Firefox, so code is correct, but subgrid fails everywhere else, so… not a goer for production in any case.
This channel is really for asking questions, not for venting. If you want to vent, feel free to just use #general or #discussions (though specify you're just venting, otherwise people might misunderstand and redirect you here again 😂)
I'll mark this one solved