Project: chromium Issues People Development process History Sign in
New issue
Advanced search Search tips
Issue 491828 An element with :focus { display: none} behaves differently on Chrome
Starred by 3 users Project Member Reported by kochi@chromium.org, May 25 2015 Back to list
Status: Assigned
Owner:
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: All
Pri: 2
Type: Bug



Sign in to add a comment
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
Cc: r...@chromium.org
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.
Sign in to add a comment