nodejs.org icon indicating copy to clipboard operation
nodejs.org copied to clipboard

Published 20 hours ago • verified publisher icon nodejs

"Run Javascript Anywhere" invisible when text is selected in dark mode

Open rithviknishad opened this issue 1 year ago • 5 comments

URL:

https://nodejs.org/en

Browser Name:

Firefox

Browser Version:

125.0b4 (64-bit)

Operating System:

Mac OS Sonama 14.4.1

How to reproduce the issue:

  1. Visited https://nodejs.org/en
  2. Selected the Run Javascript Anywhere h1 text while being in dark mode.
  3. Expected to have a readable text when selected
image

rithviknishad avatar Apr 01 '24 08:04 rithviknishad

Additional step - i can only get this to happen if the browser window loses focus. it's odd for sure but reduces the concern ever so slightly to me

bmuenzenmeyer avatar Apr 01 '24 11:04 bmuenzenmeyer

I'm able to replicate this without the browser window to loose focus.

rithviknishad avatar Apr 01 '24 11:04 rithviknishad

I tested it myself, if you remove this property on the CSS h1 document:

-webkit-text-fill-color: transparent;

It starts working again.

mikolertesx avatar Apr 03 '24 00:04 mikolertesx

@rithviknishad Could you test this branch?

https://github.com/nodejs/nodejs.org/pull/6605

mikolertesx avatar Apr 03 '24 01:04 mikolertesx

Yup! Works as expected!

rithviknishad avatar Apr 03 '24 01:04 rithviknishad