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

Re: [fxtf-drafts] [filters] Backdrop filters should not use BackgroundImage

From: Amelia Bellamy-Royds via GitHub <sysbot+gh@w3.org>
Date: Mon, 23 Apr 2018 23:19:53 +0000
To: public-fxtf-archive@w3.org
Message-ID: <issue_comment.created-383752699-1524525592-sysbot+gh@w3.org>
I created a [test case](https://codepen.io/AmeliaBR/pen/deGwNE/). For what it's worth, the Chrome implementation respects isolation.  (On the other hand, the Chrome implementation *doesn't respect border-radius, which is another thing not well defined in the spec.)

Screenshots (the element with the green border has isolation, the circles on the left are using an invert backdrop filter; the circles on the right are using a difference blend mode):

Chrome 65:
![In the unisolated case, both the invert backdrop filter and the difference mix-blend-mode cause the web page background to be inverted from orange circles on light blue to blue circles on brown; for the filter (left) the effect is applied as a square, ignoring the circular border of the test case; in the isolated case, the background is unaffected by either element.](https://user-images.githubusercontent.com/9876129/39157782-aea12be4-4719-11e8-80d7-1d25857017b7.png)

Safari 11:
![The backdrop filter tests invert the background pattern in both cases (and are neatly contained to the border circle in both cases); the blend-mode test only creates an inverting effect on the background when it isn't isolated.](https://s3.amazonaws.com/media.crossbrowsertesting.com/users/97505/snapshots/z54a88c08a0d1108d854.png)

GitHub Notification of comment by AmeliaBR
Please view or discuss this issue at https://github.com/w3c/fxtf-drafts/issues/53#issuecomment-383752699 using your GitHub account
Received on Monday, 23 April 2018 23:19:56 UTC

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