Bug 164164 - CSS filters do not apply to body background
Summary: CSS filters do not apply to body background
Status: RESOLVED DUPLICATE of bug 74886
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: Safari Technology Preview
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2016-10-28 16:56 PDT by Alan Hogan
Modified: 2016-10-31 08:45 PDT (History)
3 users (show)

See Also:


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

Note You need to log in before you can comment on or make changes to this bug.
Description Alan Hogan 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
Comment 1 Alan Hogan 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/
Comment 2 Alan Hogan 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/
Comment 3 Simon Fraser (smfr) 2016-10-31 08:37:17 PDT

*** This bug has been marked as a duplicate of bug 74886 ***
Comment 4 Radar WebKit Bug Importer 2016-10-31 08:45:49 PDT
<rdar://problem/29025876>