Bug 30515 – Focus ring around Google Reader article titles is missing top/left sides

• Status: RESOLVED
• Resolution: INVALID
• Component: Layout and Rendering

[Adam Roben (:aroben)]

To reproduce:

1. Log in to Google Reader (http://reader.google.com/)
2. Click on an article to open it
3. Focus the article's title (On Windows, you can do this simply by clicking on the title. On Mac, you have to tab to the title.)

The top/left sides of the focus ring are missing. This happens on both Mac and Windows.

(Bugs like this seem a lot more important now that links get focused when clicked on Windows.)

[Adam Roben (:aroben)]

Created attachment 41423 [details]
screenshot of a focused title in Google Reader

[Adam Roben (:aroben)]

<rdar://problem/7315163>

The focus ring is clipped by the container (a <div class="entry-main"> in the example I looked at) which specifies 'overflow: auto'.

[Adam Roben (:aroben)]

IE doesn't clip this focus ring. Having it not be clipped in IE and clipped in Safari makes it look like Safari's buggy.

(In reply to comment #4)
> IE doesn't clip this focus ring. Having it not be clipped in IE and clipped in
> Safari makes it look like Safari's buggy.

IE doesn’t have this focus ring. IE’s focus rings are 1px-wide outlines inset by 1px, so they don’t overflow. Outlines that overflow do get clipped in IE.