New issue
Advanced search Search tips
Starred by 3 users
Status: Available
Owner: ----
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: All
Pri: 2
Type: Bug



Sign in to add a comment
An element with :focus { display: none} behaves differently on Chrome
Project Member Reported by kochi@chromium.org, May 25 2015 Back to list
Version: ToT
OS: Any

What steps will reproduce the problem?
1. open http://output.jsbin.com/fupeyiweli/1/edit?html,css,output
2. click any of "HOGE1", "HOGE2", "HOGE3" in the output

On Chrome, the element disappears once but loses focus and reappears
because the :focus style rule is no longer applicable after blur.

On Firefox 37.0.1(Linux)/Safari 8.0.5(OSX10.10)/IE11(Win8.1),
clicked element disappears and does not reappear.

Related bugs:  issue 178146 ,  issue 340455 ,  issue 439484 , and  issue 482830 .

It seems Chrome is conforming to the spec
https://html.spec.whatwg.org/multipage/interaction.html#focus-fixup-rule-one
but other browsers behave differently.

To make the behavior interoperable, fix the spec to match other browsers
and fix Blink, or wait for other browsers to catch up the spec.

 
Comment 1 by kochi@chromium.org, Jul 23 2015
Labels: -Cr-Blink Cr-Blink-Focus
Owner: kochi@chromium.org
Status: Assigned
Comment 2 by kochi@chromium.org, Feb 25 2016
Labels: Hotlist-Interop
Comment 3 by r...@opera.com, Apr 7 2017
Cc: r...@chromium.org
Comment 4 by r...@igalia.com, Apr 10 2017
Cc: -r...@chromium.org r...@igalia.com
Taking a look to other browsers bugtrackers:
* Firefox: https://bugzilla.mozilla.org/show_bug.cgi?id=559561
* WebKit: https://bugs.webkit.org/show_bug.cgi?id=47182
* Edge: https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/1308960/

It seems only Chrome is the one behaving like this.
Components: Blink>HTML>Focus
Components: -Blink>Focus
Cc: kochi@chromium.org
Owner: ----
bulk edit to remove owner=me where I'm not actively looking at.
Status: Available
mark it available.
Sign in to add a comment