Code examples on website are shown in light and dark mode always about excalibur HOT 5 CLOSED

@uvd540 Thanks for the bug! Very interesting I'm not able to repro on FF 124.0.1 on windows.

I'll do a little digging on what's going on, possibly a bug in FF?

What does Chrome/Safari show for you?

from excalibur.

I'm seeing the same issue on Safari as well. I don't have Chrome installed, but can install it to help debug further. Let me know.

from excalibur.

I can reproduce it on browserstack with:

• Mojave/Safari 12
• Catalina/Safari 13
• BigSur/Safari 14

Things only appear to work as intended at Monterey/Safari 15

I think it relates to this pseudo class selector using a :has() which isn't supported until Safari 15.4 and Firefox 121 https://caniuse.com/css-has.

This feature comes pre-bundled with Docusaurus v3 which we use for documentation, I'll see if their issue tracker has anything relating to this.

@kamranayub any ideas?

from excalibur.

It looks like we've fallen off the older safari support by default in browserlist

https://docusaurus.io/docs/browser-support

❯ npx browserslist --env="production"
Need to install the following packages:
  [email protected]
Ok to proceed? (y) y
and_chr 122
and_ff 123
and_qq 14.9
and_uc 15.5
android 122
chrome 122
chrome 121
chrome 120
chrome 119
chrome 109
edge 122
edge 121
firefox 123
firefox 122
firefox 115
ios_saf 17.4
ios_saf 17.3
ios_saf 17.2
ios_saf 17.1
ios_saf 16.6-16.7
ios_saf 16.1
ios_saf 15.6-15.8
kaios 3.0-3.1
kaios 2.5
op_mini all
op_mob 80
opera 108
opera 107
opera 106
safari 17.4
safari 17.3
safari 17.2
samsung 23
samsung 22

from excalibur.

@uvd540 @mattjennings I've opened an issue against docusaurus for this facebook/docusaurus#10074

I'm going to close this issue as wont fix for now.

from excalibur.