Bug 30515

Summary:

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

Product:

WebKit

Reporter:

Adam Roben (:aroben) <aroben>

Component:

Layout and Rendering

Assignee:

Nobody <webkit-unassigned>

Status:

RESOLVED INVALID

Severity:

Normal

CC:

adele, mitz

Priority:

Keywords:

GoogleBug, InRadar

Version:

528+ (Nightly build)

Hardware:

All

OS:

All

URL:

http://reader.google.com/

Attachments:

Description	Flags
screenshot of a focused title in Google Reader	none

Description Adam Roben (:aroben) 2009-10-19 09:19:36 PDT

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.)

Comment 1 Adam Roben (:aroben) 2009-10-19 09:20:01 PDT

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

Comment 2 Adam Roben (:aroben) 2009-10-19 09:20:56 PDT

<rdar://problem/7315163>

Comment 3 mitz 2009-10-22 09:41:33 PDT

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

Comment 4 Adam Roben (:aroben) 2009-10-22 09:44:51 PDT

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.

Comment 5 mitz 2009-10-22 09:55:30 PDT

(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.