Bug 28646

Summary: CSS focus pseudoclass is not handled correctly
Product: WebKit Reporter: jasneet <jasneet>
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: NEW    
Severity: Normal CC: bfulgham, jasneet, webkit-bug-importer, webkit
Priority: P2 Keywords: HasReduction, InRadar
Version: Safari 9   
Hardware: All   
OS: All   
URL: http://www.cssplay.co.uk/menu/gallery_click
Attachments:
Description Flags
reduced testcase none

jasneet
Reported 2009-08-21 17:34:42 PDT
Created attachment 38423 [details] reduced testcase Steps: 1. Go to http://www.cssplay.co.uk/menu/gallery_click 2. Try to view gallery (click on thumbnail) II Issue: Gallery doesn't work properly III Conclusion: Code has css style - #container_top a.gallery:active em, #container_top a.gallery:focus em {display:block; position:absolute; width:402px; height:250px; top:160px;} Issue is due to #container_top a.gallery:focus em {display:block;} IV Other Browsers: IE7: ok FF3: ok V Nightly tested : 47639 Bug in Chromium : http://code.google.com/p/chromium/issues/detail?id=18018
Attachments
reduced testcase (41.42 KB, application/zip)
2009-08-21 17:34 PDT, jasneet 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Chris Rebert
Comment 1 2016-02-19 00:19:33 PST
Basically you're encountering https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#Clicking_and_focus By default, unlike other browsers, Safari (for whatever reason) doesn't focus `<a>` elements when clicking on them, unless they have a `tabindex` attribute.
Brent Fulgham
Comment 2 2022-07-12 12:43:31 PDT
This still behaves differently than Firefox and Chrome.
Radar WebKit Bug Importer
Comment 3 2022-07-12 12:43:46 PDT
<rdar://problem/96904645>
Note You need to log in before you can comment on or make changes to this bug.