How to support older browsers? #844
-
SubjectReason not to use this DescriptionUnder the reasons not to use Panda, nothing is stated about needing to support older browsers (by older I mean browsers released before 2022, since layers themselves aren't supported there, including Safari on older iOS/Mac versions, which still has a sizable userbase). It would be good to have some documentation on what browsers are actually supported by Panda. |
Beta Was this translation helpful? Give feedback.
Replies: 3 comments 5 replies
-
Hey @osdiab, There's a PostCSS Plugin you can use to support older browsers. We'll update the docs as needed |
Beta Was this translation helpful? Give feedback.
-
So this plugin converts all layers to more complex old-style rules, correct? Ideally, only old browsers get these rules, no? Or is the overhead minimal? Suppose you have the regular
Is this a good idea or overkill? For Qwik, CSS gets inlined automatically, so this behavior will need to be implemented at the SSR level, or else it could load the nolayer css on top of the layer css in case of noscript. I imagine that would be problematic? |
Beta Was this translation helpful? Give feedback.
-
Can we have a configuration option to opt-out CSS layers 🙏, or would it need too much refactoring? It's giving me some headaches to make it work properly between many projects, specially when using many projects that use Panda together, and also as a UI library maintainer. |
Beta Was this translation helpful? Give feedback.
Hey @osdiab,
There's a PostCSS Plugin you can use to support older browsers.
https://www.npmjs.com/package/@csstools/postcss-cascade-layers
We'll update the docs as needed