[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