W3C home > Mailing lists > Public > public-fxtf-archive@w3.org > May 2018

Re: [fxtf-drafts] [filter-effects-1] What is the visual effect of filter() on the document element?

From: Markus Stange via GitHub <sysbot+gh@w3.org>
Date: Sat, 05 May 2018 03:54:03 +0000
To: public-fxtf-archive@w3.org
Message-ID: <issue_comment.created-386776803-1525492442-sysbot+gh@w3.org>
> So how does the resolution work in the case of:
> `html { } body { filter: invert(1); background-color: white; }`
> Does the white get propagated to the document element, and thus get considered as "the html background"?

It gets propagated to the canvas, and is not affected by filters on the `body` element. But, per the resolution in https://github.com/w3c/fxtf-drafts/issues/11#issuecomment-360240933, it *is* affected by filters on the `html` element.

The behavior in the two previous examples is unfortunate but similar things happen in lots of other circumstances. For example, in `html { } body { margin: 50px; height: 100px; background-color: black; }` the black fill is unaffected by the body's height or margin, but in `html { background-color: pink; } body { margin: 50px; height: 100px; background-color: body; }` the black fill *is* affected by the body's height and the margin.

GitHub Notification of comment by mstange
Please view or discuss this issue at https://github.com/w3c/fxtf-drafts/issues/282#issuecomment-386776803 using your GitHub account
Received on Saturday, 5 May 2018 03:54:10 UTC

This archive was generated by hypermail 2.4.0 : Friday, 17 January 2020 19:50:23 UTC