fix ::selection in chrome

[jimmywarting]

Describe the bug

I'm tiered of re-writing and reporting the same issue to multiple services about the use of root variables inside of ::selection
So i'm just going to link to same github issue that explains it:

primer/css#2472
https://www.azabani.com/2022/09/01/meet-the-css-highlight-pseudos.html#accessing-global-constants

it's very annoying to not be able to select anything.

Reproduction

always in chrome with exp flag.

Logs

No response

System Info

chrome

Severity

annoyance

[tanhauhau]

sorry i dont get how does ::selection relates to svelte? do you have a reproduction in Svelte that explains the issue you are facing?

[jimmywarting]

it have not something to do with svelte but the sveltes own website. that makes use of ::selection on https://svelte.dev/

[jimmywarting]

eg: https://svelte.dev/_app/immutable/assets/TryTerminal.b09557f2.css

::selection {
  background: var(--sk-selection-color)
}

the variable is not found...

[PuruVJ]

It works for me though 🤔 Can you post a video or screenshot? Also, whats your OS

[jimmywarting]

Note that primer/css#2411 is currently only reproducible with Chrome's chrome://flags/#enable-experimental-web-platform-features enabled.

[Rich-Harris]

I have no idea what's being reported here. I enabled that flag, and I can still select text on https://svelte.dev (including in the terminal widget) just fine.

The linked issue does not explain what your concern is. I'm sure you'd rather not repeat yourself, but maintainers would rather not reverse engineer vague bug reports from unrelated repos. Please clarify what the problem is, or we have no choice but to close this.