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

> 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