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

Issue 811951 link

Starred by 2 users

Issue metadata

Status: WontFix
Owner:
Closed: Mar 2018
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Linux , Windows , Mac
Pri: 1
Type: Bug-Regression



Sign in to add a comment

Combining "box-shadow" CSS with other CSS can cause element to blink unexpectedly with cursor

Reported by bobbitdi...@gmail.com, Feb 13 2018

Issue description

UserAgent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:52.0) Gecko/20100101 Firefox/52.0

Steps to reproduce the problem:
1. Open the supplied standalone repro HTML
2. Click into the top text box, then click into bottom text box

What is the expected behavior?
If you take your hand off the mouse, you should at most see the cursor flashing.  This is what's observed in IE11.

What went wrong?
Instead, you'll see the entire text box border flashing at the cursor frequency, even with no mouse input.

Did this work before? Yes Chrome 63

Chrome version: 64.0.3282.140 (Official Build) (64-bit)  Channel: stable
OS Version: 6.1 (Windows 7, Windows Server 2008 R2)
Flash Version: Shockwave Flash 28.0 r0
 
nativeChromeShadowIssue.html
4.6 KB View Download
Chrome_boxShadow_issue.mov
2.6 MB View Download
Labels: Needs-Triage-M64
Components: -Blink Blink>CSS
Labels: Needs-Bisect
Cc: krajshree@chromium.org
Labels: Triaged-ET Needs-Feedback
Tried testing the issue on Win-7 and win-10 using chrome reported version #64.0.3282.140 and latest canary #66.0.3346.0.
Attached a screencast for reference

Following are the steps followed to reproduce the issue.
------------
1. Opened the supplied standalone repro HTML
2. Clicked into the top text box, then click into bottom text box
3. Did not observe any entire text box border flashing at the cursor frequency as shown in the attached screencast at comment #0.
Note: Upon opening the html in IE or firefox, didn't observe any shadow highlighting around the text fields.

bobbitdiddle3@ - Could you please check the attached screen cast and please let us know if anything missed from our side. 

Thanks...!!
811951.mp4
723 KB View Download
The sample HTML should generate shadow highlighting in IE11, but doesn't work in FF since it's using window.event which isn't allowed in FF.

As far as your trouble reproducing it, one problem is that you're moving around so fast you're not going to notice the problem.  The flash happens at the cursor rate or 1Hz, so after you click, or move the mouse, you need to wait a second or so to see whether the problem has started.

For me, the following always reproduces it:
#1 From outside the right of the top box, move in and click on it.  Wait at least a second or so after doing so.
#2 Now move the cursor into the bottom box and click, leaving the cursor inside that box.
For me, this always causes me to start seeing the border of the top box flash at the cursor rate, as is seen in the original video at around 0:14.


Project Member

Comment 6 by sheriffbot@chromium.org, Feb 14 2018

Labels: -Needs-Feedback
Thank you for providing more feedback. Adding requester "krajshree@chromium.org" to the cc list and removing "Needs-Feedback" label.

For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot
Labels: -Pri-2 -Needs-Bisect ReleaseBlock-Stable M-64 FoundIn-64 Target-64 RegressedIn-66 hasbisect OS-Linux OS-Mac Pri-1
Owner: chrishtr@chromium.org
Status: Assigned (was: Unconfirmed)
Able to reproduce the issue on mac 10.12.6, Win-10 and Ubuntu 14.04 using chrome reported version #64.0.3282.140 but the same is not reproducible in the latest canary #66.0.3347.0 and latest beta #65.0.3325.73.

Reverse Bisect Information:
=====================
Good build: 66.0.3338.0
Bad Build : 66.0.3336.0  

Change Log URL: 
https://chromium.googlesource.com/chromium/src/+log/0aac21e59b9ac9797e06435ad2409215e6e29692..5685d4cddd5a7e36bb837a483169a88971163208

From the above change log suspecting below change
Change-Id: I68c415de59162a29b642ad697e7b8ab8dc19f530
Reviewed-on: https://chromium-review.googlesource.com/900044

chrishtr@ - Could you please check and merge the fix to M-64 if it is a valid candidate.
Adding label RBS as it seems to be recent regression.

Thanks...!!
Labels: -M-64 -RegressedIn-66 -Target-64 RegressedIn-64 Target-66
I can reproduce this on Windows but not Linux. 
Project Member

Comment 9 by sheriffbot@chromium.org, Feb 19 2018

This issue is marked as a release blocker with no milestone associated. Please add an appropriate milestone.

All release blocking issues should have milestones associated to it, so that the issue can tracked and the fixes can be pushed promptly.

Thanks for your time! To disable nags, add the Disable-Nags label.

For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot
Labels: M-66

Comment 11 by pdr@chromium.org, Mar 1 2018

There are a lot of selection highlight bugs in your example but the specific one of another element flashing seems to have been fixed in the latest builds.

bobbitdiddle3, are you able to download Chrome Canary and see if this has been fixed?


Status: WontFix (was: Assigned)
Closing, seems to have been fixed.

Sign in to add a comment