Bug 164164

Summary: CSS filters do not apply to body background
Product: WebKit Reporter: Alan Hogan <webkit-bugzilla>
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: RESOLVED DUPLICATE    
Severity: Normal CC: dino, simon.fraser, webkit-bug-importer
Priority: P2 Keywords: InRadar
Version: Safari Technology Preview   
Hardware: Unspecified   
OS: Unspecified   
Attachments:
Description Flags
GIF showing filter enabling and disabling. Text changes, bg does not none

Alan Hogan
Reported 2016-10-28 16:56:59 PDT
Created attachment 293246 [details] GIF showing filter enabling and disabling. Text changes, bg does not EXPECTED: `body { filter: grayscale(100%); background: green; }` will show a gray background on a web page. ACTUAL: Background remains green. This is preventing successful run of my grayscale bookmarklet (https://alanhogan.com/bookmarklets#grayscale) from running successfully. JSFiddle: https://jsfiddle.net/alanhogan/ykjLf5yr/ Blink bug: https://bugs.chromium.org/p/chromium/issues/detail?id=591015
Attachments
GIF showing filter enabling and disabling. Text changes, bg does not (52.80 KB, image/gif)
2016-10-28 16:56 PDT, Alan Hogan 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Alan Hogan
Comment 1 2016-10-28 17:00:50 PDT
Demonstration of success when HTML is targeted: https://jsfiddle.net/alanhogan/vjuxcpLf/ Demonstration of failure when BODY is targeted: https://jsfiddle.net/alanhogan/ykjLf5yr/
Alan Hogan
Comment 2 2016-10-28 17:09:13 PDT
One last note: Applying FILTER to HTML is *NOT* a successful work-around when a background is set on BODY. https://jsfiddle.net/alanhogan/yc0r43f6/
Simon Fraser (smfr)
Comment 3 2016-10-31 08:37:17 PDT
*** This bug has been marked as a duplicate of bug 74886 ***
Radar WebKit Bug Importer
Comment 4 2016-10-31 08:45:49 PDT
<rdar://problem/29025876>
Note You need to log in before you can comment on or make changes to this bug.