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

Issue 619206 link

Starred by 2 users

Issue metadata

Status: Fixed
Owner:
Last visit > 30 days ago
Closed: Jun 2016
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: All
Pri: 2
Type: Compat



Sign in to add a comment

The :active pseudo-class isn't applied when the target element's display is set to none

Reported by j4ja...@gmail.com, Jun 10 2016

Issue description

UserAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/53.0.2763.0 Safari/537.36

Example URL:
https://jsfiddle.net/sw00txf4/

Steps to reproduce the problem:
1. Create a label associated with an input element.
2. Use the :active pseudo-class on the input element to trigger some obvious visual change on the page (in the jsfiddle example, changing the background color of the label).
3. Hide the input element by setting the display to none.
4. Click on the label and keep the mouse button held down.

What is the expected behavior?
I would expect the :active pseudo-class to apply, thus changing the background color of the label, for as long as the mouse button is held down.

What went wrong?
The :active pseudo-class doesn't seem to work when the input's display is set to none.

Does it occur on multiple sites: N/A

Is it a problem with a plugin? No 

Did this work before? N/A 

Does this work in other browsers? Yes 

Chrome version: 53.0.2763.0  Channel: dev
OS Version: 10.0
Flash Version: Shockwave Flash 22.0 r0

The :active pseudo-class does work if the input is hidden in other ways, for example by positioning it offscreen, or by setting its visibility to hidden. It only seems to fail when the display is set to none.
 
Components: Blink
Labels: M-53 OS-Linux OS-Mac
Status: Untriaged (was: Unconfirmed)
Able to reproduce the issue on Windows 7, Mac 10.11.5, Ubuntu 14.04 using 53.0.2763.0, latest dev 53.0.2767.4, canary 53.0.2770.0, beta 52.0.2743.41, stable 51.0.2704.103 with below steps:

1.Opened URL: https://jsfiddle.net/sw00txf4/
2.Observed that the first two lines background color changed to red when selected the entire line but the third one doesn't change to red.

This is non regression issue seen from M-30(30.0.1549.0).Hence, marking it as untriaged.

Could anyone from dev team look into this issue please.

Comment 2 by pdr@chromium.org, Jun 24 2016

Components: -Blink Blink>CSS
Labels: -OS-Linux -OS-Windows -OS-Mac OS-All
Status: Available (was: Untriaged)

Comment 3 by ramy...@samsung.com, Jun 27 2016

Owner: ramy...@samsung.com
Status: Assigned (was: Available)
Would like to work on this. Added a patch at https://codereview.chromium.org/2095833003/

Comment 5 by ramy...@samsung.com, Jun 28 2016

Status: Fixed (was: Assigned)

Sign in to add a comment