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

Issue 784801 link

Starred by 1 user
Status: WontFix
Owner: ----
Closed: Nov 2017
Cc:
█ divya.pa...@techmahindra.com
Components:
EstimatedDays: ----
NextAction: ----
OS: Linux , Windows , Mac
Pri: 2
Type: Bug



Sign in to add a comment

Hover event triggers on border

Reported by ruud.and...@gmail.com, Nov 14 2017 
UserAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/62.0.3202.89 Safari/537.36

Example URL:
https://codepen.io/anon/pen/GOEzrg

Steps to reproduce the problem:
1. Make a div with a border
2. Remove border on hover
3. Hover over border
4. Border flickers

What is the expected behavior?
No flickering

What went wrong?
A hover event is triggered on the border repeatedly after a redraw.

Does it occur on multiple sites: Yes

Is it a problem with a plugin? No 

Did this work before? Yes v61

Does this work in other browsers? Yes

Chrome version: 62.0.3202.89  Channel: n/a
OS Version: 10.0
Flash Version:

Comment 1 by divya.pa...@techmahindra.com, Nov 15 2017

Cc: divya.pa...@techmahindra.com
Labels: Triaged-ET M-64 Needs-Triage-M62 OS-Linux OS-Mac
Able to reproduce this issue on reported version 62.0.3202.89, latest Stable 62.0.3202.94 and latest Canary 64.0.3269.0 using Windows 10, Ubuntu 14.04 and Mac 10.12.6. The issue is seen from M-50 (50.0.2641.0). Hence considering this issue as Non-Regression and marking it as Untriaged.

Comment 2 by divya.pa...@techmahindra.com, Nov 15 2017

Status: Untriaged (was: Unconfirmed)

Comment 3 by bokan@chromium.org, Nov 15 2017

Components: -Blink Blink>Input
Status: WontFix (was: Untriaged)
This looks WAI to me. It seems to be unspecified in the specs whether :hover should be applied on the element border but all browsers do it. If you take that as given, Chrome's behavior seems consistent: when you hover over the border, :hover is applied and the border disappers. This causes the element to lose the border (and move left a bit) so that the cursor is no longer over the element. So it loses :hover and thus gets its border back. And repeat.

Firefox differs only in that it seems to apply :hover on mouse move. If you zoom in or make the border larger, move the mouse up and down along the border. You'll see that it flickers there as well.
►

Sign in to add a comment