Combining "box-shadow" CSS with other CSS can cause element to blink unexpectedly with cursor
Reported by
bobbitdi...@gmail.com,
Feb 13 2018
|
|||||||||
Issue descriptionUserAgent: 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
,
Feb 13 2018
,
Feb 14 2018
,
Feb 14 2018
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...!!
,
Feb 14 2018
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.
,
Feb 14 2018
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
,
Feb 15 2018
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...!!
,
Feb 15 2018
I can reproduce this on Windows but not Linux.
,
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
,
Feb 24 2018
,
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?
,
Mar 1 2018
Closing, seems to have been fixed. |
|||||||||
►
Sign in to add a comment |
|||||||||
Comment 1 by manoranj...@chromium.org
, Feb 13 2018