You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
We introduced layers in Kobweb recently, except we just learned older versions of safari choke on them. They are, I'm assuming, ignoring them, which is fine, but they are also ignoring all the styles we define underneath them, which is not.
Probably the way forward is detecting if layers are supported and, if so, put normal styles there; otherwise, declare styles flat.
I have an account on BrowserStack I can use to check if things are working.
This issue is currently affecting ~5.26% of the overall market.
Likely can't use this as our styles are declared in code, not in an actual CSS file. Also, looks like it doesn't play nice with @layers inside @media queries, which I don't think we have but that sounds like a scary gotcha.
The text was updated successfully, but these errors were encountered:
bitspittle
changed the title
Fix Kobweb producing bad output for phones running pre-ios 17
Fix Kobweb producing bad output for browsers that don't support CSS layers
Aug 30, 2024
We introduced layers in Kobweb recently, except we just learned older versions of safari choke on them. They are, I'm assuming, ignoring them, which is fine, but they are also ignoring all the styles we define underneath them, which is not.
Probably the way forward is detecting if layers are supported and, if so, put normal styles there; otherwise, declare styles flat.
I have an account on BrowserStack I can use to check if things are working.
This issue is currently affecting ~5.26% of the overall market.
Other links:
@layer
s inside@media
queries, which I don't think we have but that sounds like a scary gotcha.The text was updated successfully, but these errors were encountered: