Bug 28646 - CSS focus pseudoclass is not handled correctly
Summary: CSS focus pseudoclass is not handled correctly
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: Safari 9
Hardware: All All
: P2 Normal
Assignee: Nobody
URL: http://www.cssplay.co.uk/menu/gallery...
Keywords: HasReduction
Depends on:
Blocks:
 
Reported: 2009-08-21 17:34 PDT by jasneet
Modified: 2016-02-19 00:19 PST (History)
2 users (show)

See Also:


Attachments
reduced testcase (41.42 KB, application/zip)
2009-08-21 17:34 PDT, jasneet
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description jasneet 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
Comment 1 Chris Rebert 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.