1896349 - vivaldi.com - Text selection not functional

Status: REOPENED

(Web Compatibility :: Site Reports, defect, P3)

Description

[Andreea Zlata]

Environment:
Operating system: Windows 10
Firefox version: Firefox 125.0.3/127.0a1 (2024-05-12)

Steps to reproduce:

1. Access https://vivaldi.com/blog/technology/vivaldi-wont-allow-a-machine-to-lie-to-you/
2. Try to select any text

Expected Behavior:
Text can be selected.

Actual Behavior:
Text cannot be selected.

Notes:

• Reproduces regardless of the status of ETP
• Reproduces in Firefox Nightly, Firefox Release
• Does not reproduce in Chrome

Created from https://github.com/webcompat/web-bugs/issues/136863

Comment 1

[Andreea Zlata]

Attachment: 13.05.2024_13.13.01_REC.mp4

Comment 2

[Ksenia Berezina [:ksenia] on leave until 09/15]

      ::selection,::-moz-selection,::-webkit-selection {
          text-shadow: none;
      }

Chrome drops the entire rule since they don't recognize ::-moz-selection that comes second by chance. This is a site issue (or perhaps intentional), we can try to contact them and ship an intervention.

Comment 3

[Thomas Wisniewski [:twisniewski]]

It's actually that the background color isn't different for text selections for whatever reason. Adding this CSS does the trick (Chrome also seems to use its defaut colors for text-selection):

      ::selection {
          color:HighlightText;
          background-color:Highlight;
      }

Comment 4

[Thomas Wisniewski [:twisniewski]]

Attachment: Bug 1896349 - add a CSS intervention for vivaldi.com to fix invisible text selections; r?denschub

Comment 5

[Pulsebot]

Pushed by [e-mail]:
https://hg.mozilla.org/integration/autoland/rev/43bebd5c1af3
add a CSS intervention for vivaldi.com to fix invisible text selections; r=denschub,webcompat-reviewers

Comment 6

[Serban Stanca [:SerbanS]]

https://hg.mozilla.org/mozilla-central/rev/43bebd5c1af3