css.selectors.highlight - Incompatibility with user-select

[aeharding]

What type of issue is this?

Browser bug (a bug with a feature that may impact site compatibility)

What information was incorrect, unhelpful, or incomplete?

Safari's Custom Highlighting API is incompatible with user-select: none

What browsers does this problem apply to, if applicable?

Safari

What did you expect to see?

Elements with user-select: none should still allow custom highlighting. This is what I see in Chrome and Firefox nightly.

Did you test this? If so, how?

Yes: https://developer.mozilla.org/en-US/play?id=eZGsm6RpJZXXrR114ydA1PUgxhs3BvS1xeQ%2FPB5hT969sbZc%2Bod8Vb9ZUZcE%2FnR7t%2BksjFyUMr87t0Yd

This is the MDN Custom Highlighting API example, with the only modification being:

article {
  user-select: none;
  -webkit-user-select: none;
}

Can you link to any release notes, bugs, pull requests, or MDN pages related to this?

https://bugs.webkit.org/show_bug.cgi?id=278455

Do you have anything more you want to share?

No response

MDN URL

https://developer.mozilla.org/en-US/docs/Web/API/CSS_Custom_Highlight_API

MDN metadata

MDN page report details

• Query: css.selectors.highlight
• Report started: 2024-11-20T02:34:22.975Z