[Webkit-unassigned] [Bug 277228] New: filters are not inherited by children when one of the children is a block element

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Sun Jul 28 06:20:40 PDT 2024


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

            Bug ID: 277228
           Summary: filters are not inherited by children when one of the
                    children is a block element
           Product: WebKit
           Version: Other
          Hardware: Unspecified
               URL: https://codepen.io/webcompat/pen/zYVomXY
                OS: Unspecified
            Status: NEW
          Keywords: BrowserCompat
          Severity: Normal
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: karlcow at apple.com
                CC: koivisto at iki.fi, webkit-bug-importer at group.apple.com

Created attachment 471991

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

rendering in safari, firefox, chrome

Steps to reproduce. 

1. Go to https://codepen.io/webcompat/pen/zYVomXY

a filter is applied to `a` 
with a {filter:contrast(200%) brightness(75%) grayscale(100%);}
a has different children.

In this test case: 

<div><a href="https://w3.org/"><div><img src="https://www.w3.org/assets/logos/w3c/w3c-no-bars.svg" alt=""></div></a></div>

* WebKit doesn't apply the filter when the children is a block element
* Gecko applies the same filter to all cases
* Blink applies filters differently when it's a direct child or a block children, but is lighter with a bar at the bottom if it's an inline element. 

Not sure which one of the 3 has the right behavior, but it would be good to dive in the spec. 

Tested with
Safari Technology Preview  199           20619.1.22.5
Firefox Nightly            130.0a1       13024.7.25
Google Chrome Canary       129.0.6622.0  6622.0

-- 
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/20240728/937598d1/attachment.htm>


More information about the webkit-unassigned mailing list