[webkit-changes] [WebKit/WebKit] 0d2c7f: [visionOS] Volume slider is flashes while adjustin...

[Jer Noble]

  Branch: refs/heads/main
  Home:   https://github.com/WebKit/WebKit
  Commit: 0d2c7f70d644a1aa14d8f60ad9aced6e4f8cd88f
      https://github.com/WebKit/WebKit/commit/0d2c7f70d644a1aa14d8f60ad9aced6e4f8cd88f
  Author: Jer Noble <jer.noble at apple.com>
  Date:   2024-01-28 (Sun, 28 Jan 2024)

  Changed paths:
    M Source/WebCore/Modules/modern-media-controls/controls/vision-media-controls.css
    M Source/WebCore/Modules/modern-media-controls/controls/vision-slider.css

  Log Message:
  -----------
  [visionOS] Volume slider is flashes while adjusting volume
https://bugs.webkit.org/show_bug.cgi?id=268203
rdar://120855936

Reviewed by Richard Robinson.

There are a number of elements in the visionOS media controls with `-webkit-background-filter`.
This causes an extremely large number of compositing layers to be created (36).

Remove these background filters for now; this will affect the look-and-feel slightly, but fixes
an extreme flicker issue occurring during layout while dragging these sliders.

* Source/WebCore/Modules/modern-media-controls/controls/vision-media-controls.css:
(.media-controls.vision:not(.audio) .volume-container > .background-tint > .blur,):
(.media-controls.vision:not(.audio) > .controls-bar > .background-tint > .blur):
* Source/WebCore/Modules/modern-media-controls/controls/vision-slider.css:
(.slider.vision > .appearance > .gutter > .background):

Canonical link: https://commits.webkit.org/273629@main