[Webkit-unassigned] [Bug 254762] New: input::placeholder with opacity is pushed above backdrop-filter

[bugzilla-daemon at webkit.org]

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

            Bug ID: 254762
           Summary: input::placeholder with opacity is pushed above
                    backdrop-filter
           Product: WebKit
           Version: Safari 16
          Hardware: PC
                OS: All
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Compositing
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: erik.brocko at letemsvetemapplem.eu
                CC: simon.fraser at apple.com

Created attachment 465686

  --> https://bugs.webkit.org/attachment.cgi?id=465686&action=review

backdrop-filter and input::placeholder test case

Having an <input type="text" placeholder="blahblah"> with the placeholder text set to opacity lower than 1.0 makes it render higher than the overlaying element with backdrop-filter applied.
Any backdrop-filter value triggers this behaviour -- blur, hue-rotate, grayscale, contrast...
Setting z-index to the overlay element fixes the issue.


Chrome 113 and Safari 16 fail, Firefox renders it correctly.

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20230330/ea19e937/attachment.htm>