Bug 18425 – Link doesn't receive focus when clicked

• Component: CSS
• Status: NEW

[arnebe]

the a:focus class does not show on links.
Test clicking items in the menu. They are left bold when clicked in ff2/3, explorer7, omniweb 5.7 etc.

[Marcus]

Created attachment 20477 [details]
reduction

Added a reduction. A better title for this bug might be: Link doesn't receive focus when clicked. Maybe this is intentional?

By the way, IE 7 ignores :focus but uses the pseudo class :active as if it was :focus.

[arnebe]

Its not intentional for this site, since I made it.

[arnebe]

Thanks! Its not intentional for this site, since I made it.

[Alejandro Araneda]

This bug also occurs in Safari / Windows. Links only receive focus with TAB key navigation (if this option is activated). 
In both Firefox and Opera, links receive focus when activated.
In IE, a:focus doesn't work. Instead, a:active works after mouseup.
This is a request in order to implement some kind of cross-browser ":onclick" 

[Gérard Talbot (no longer involved)]

I also confirm this bug. It still happens in latest stable release Safari 4.0
build 530.17.

Focused links with mouse-clicking does not render outline borders. 
This also affects CSS rules like:

a:focus
{
outline-width: 4px;
outline-style: solid;
outline-color: red;
}

Other testcases:


http://samples.msdn.microsoft.com/ietestcenter/frame_holder.htm?url=./css/chapter_18/Rules/outline-pseudo-selector-001.htm

CSS2 Test Suite (draft): 5.11.3 :active, :hover, and :focus from Eric Meyer
http://meyerweb.com/eric/css/tests/css2/sec05-11-03.htm

CSS 2.1 Conformance test suite (section 5.11.3 focusing links):
http://www.w3.org/Style/CSS/Test/CSS2.1/current/html4/t051103-c21-focus-ln-00-e-i.htm

IE 8 supports a:focus.

regards, Gérard

[Francois]

Uncomfirmed?  "Well known" would be more like it.  

See, for example, Stu Nicholls:

"This use the :active and :focus states to hold a clicked image on the page until another mouse click is made, but Safari and Google Chrome handle mouse clicks in a different way to other browsers so the image will only stay on screen in these two browsers whilst the mouse key is held down,"

http://www.cssplay.co.uk/menu/vertical-slide.html#nogo


This bug doesn't just apply to OSX10  -  I'm on windows XP and windows vista.

[Viatcheslav Ostapenko]

Patch submitted here: https://bugs.webkit.org/show_bug.cgi?id=22261

[Alexey Proskuryakov]

*** This bug has been marked as a duplicate of bug 22261 ***

[Alexey Proskuryakov]

Oops, wrongly duped.

[Alexey Proskuryakov]

*** Bug 52102 has been marked as a duplicate of this bug. ***

[Alexey Proskuryakov]

*** Bug 22233 has been marked as a duplicate of this bug. ***

[Dominic Cooney]

*** Bug 60946 has been marked as a duplicate of this bug. ***

[Brent Fulgham]

This seems to still be an issue in Safari 15.

[Radar WebKit Bug Importer]

<rdar://problem/96849661>

[Ahmad Saleem]

Still reproducible on WebKit ToT [268769@main] (Focus does not change to 'green' - while Chrome Canary 119 and Firefox Nightly 120 works fine).

Adding 'BrowserCompat' tag.

[Ahmad Saleem]

@Aditya - looking into your commit: https://commits.webkit.org/273247@main

and reading commit log:

"anchor elements are not mouse focusable, following Cocoa platform convention."

Will this bug becomes 'Not Applicable'?