New issue
Advanced search Search tips
Note: Color blocks (like █ or █) mean that a user may not be available. Tooltip shows the reason.

Issue 625470 link

Starred by 3 users
Status: WontFix
Owner: ----
Closed: Nov 2016
Cc:
█ tkonch...@chromium.org
Components:
EstimatedDays: ----
NextAction: ----
OS: Linux
Pri: 2
Type: Bug



Sign in to add a comment

Backdrop-filter blur() bleeding.

Reported by clintnig...@gmail.com, Jul 3 2016 
UserAgent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/51.0.2704.103 Safari/537.36

Example URL:
data:text/html,<div style="width:100%;height:100%;position:fixed;top:0;left:0;backdrop-filter:blur(45px);background:rgba(0,0,0,0.5)">DROP-ISSUE</div>

Steps to reproduce the problem:
1: Enable experimental features flag.
2: Navigate to the data:text page.

What is the expected behavior?
No bleeding as in how you see iOS' Notification Center or MIUI's statusbar with Blur (No bleeding)

What went wrong?
Bleeding from blur() function of Backdrop-filter.
On http://codepen.io/gesteves/pen/aOMwGR, toggle Developer tools, and a white bleeding appears. Try to select anything on Dev Tools, a blue blur appears.

Does it occur on multiple sites: Yes

Is it a problem with a plugin? No 

Did this work before? No 

Does this work in other browsers? Yes 

Chrome version: 51.0.2704.103  Channel: stable
OS Version: Ubuntu 16.04
Flash Version: Shockwave Flash 22.0 r0
blur-issue.jpg
85.9 KB View Download
Selection-Error.png
24.9 KB View Download

Comment 1 by tkonch...@chromium.org, Jul 4 2016

Cc: tkonch...@chromium.org
Labels: Needs-Feedback
Unable to reproduce the issue on Linux Ubuntu 14.04 chrome version 51.0.2704.106 - Enabled the Experimental canvas features in chrome://flags and navigated to http://codepen.io/gesteves/pen/aOMwGR no blur seen on selecting text

Please find the screenshot

Could you please let us know the Linux flavor  where you are facing the issue
Screenshot from 2016-07-04 16:08:13.png
803 KB View Download

Comment 2 by tkent@chromium.org, Jul 5 2016

Components: -Blink Blink>CSS>Filters

Comment 3 by senorblanco@chromium.org, Jul 12 2016 

tkonchada@: you need to enable the "Experimental Web Platform features" flag, not the Canvas one.

That said, I can't repro the problem with this codepen, even with the former enabled.

Comment 4 by senorblanco@chromium.org, Jul 27 2016

Status: ExternalDependency (was: Unconfirmed)
Still can't repro this. I'm suspecting something GPU-specific.  clintniglet1337@gmail.com: could you attach the contents of chrome://gpu on the affected machine?

Comment 5 by senorblanco@chromium.org, Nov 21 2016

Status: WontFix (was: ExternalDependency)
Closing this as WontFix. Please reopen with GPU information if it still occurs for you.

Comment 6 by suzyh@chromium.org, Apr 5 2017

Components: -Blink>CSS>Filters Blink>Compositing>Filters
►

Sign in to add a comment