Closed Bug 1661424 Opened 5 years ago Closed 5 years ago

[macOS] Icons are not visible for all the available accent colors on dark them

Categories

(Core :: Graphics: WebRender, defect)

Product:
Core
Component:
Graphics: WebRender
Platform:
All
macOS
Type:
defect

Tracking

()

Status:
RESOLVED WORKSFORME
Tracking Flags:
Tracking Status
firefox-esr68 --- unaffected
firefox-esr78 --- unaffected
firefox79 --- unaffected
firefox80 --- unaffected
firefox81 --- disabled
firefox82 --- disabled

People

(Reporter: asoncutean, Unassigned)

References

(Blocks 1 open bug, Regression)

Details

(Keywords: regression)

Affected versions

  • 82.0a1 (2020-08-26)
  • 81.0b2

Affected platforms

  • macOS 10.15

Steps to reproduce

  1. Set the OS theme to dark
  2. Open about:preferences and about:addons
  3. Set random accent color (the colors that triggers the issue are intermittent)
  4. Observe the tab bar

Expected result

  • The icons are visible

Actual result

  • The icons are visible

Regression range

Additional notes

  • This issue can be seen on other areas (eg. new Print modal - see screenshot)

Suggested severity

  • S4
Has Regression Range: --- → yes
Has STR: --- → yes
Blocks: wr-mac
status-firefox79: --- → unaffected
status-firefox81: affected → disabled
status-firefox82: affected → disabled
status-firefox-esr68: --- → unaffected
status-firefox-esr78: --- → unaffected
Component: Theme → Graphics: WebRender
Product: Firefox → Core

I confirmed the problem on my mac PC.

:mstange, do you have any ideas about what could cause the problem?

Flags: needinfo?(mstange.moz)
Severity: -- → S2

I think this has something to do with the context-fill properties and maybe the SVG surface cache. The affected image has fill: currentColor and -moz-context-properties: fill set on it. Once the STR are followed, the SVG becomes entirely transparent until this fill property is changed. For example, I'm currently in a state where the computed value of color on this element is rgb(249, 249, 250). Setting the fill property to any other color (e.g. rgb(249, 249, 251)) correctly applies the color, but setting it to rgb(249, 249, 250) makes the image disappear.
So there must be some poisoned cache key somewhere.

Flags: needinfo?(mstange.moz) → needinfo?(jwatt)

(I was inspecting the <image class="tab-icon-image".../> in the tab bar.)

I was able to reproduce this on the affected Nightly 82.0a1 (2020-08-26) on MacOS 10.15.
However, I could not reproduce this on the latest firefox Nightly 91.0a1 (2021-06-22) (64-bit) on the same MacOS 10.15 device, thus closing this as resolved:worksforme.

Status: NEW → RESOLVED
Closed: 5 years ago
Resolution: --- → WORKSFORME
Flags: needinfo?(jwatt)
You need to log in before you can comment on or make changes to this bug.