Bug 20084 – REGRESSION: Focus ring being shown on some html table cells

• Status: RESOLVED
• Resolution: INVALID
• Component: Tables

[Manuel Deschamps]

I have seen this problem in Yahoo! Mail and Netflix.

When clicking on some elements (in case of Yahoo Mail they are table cells) the focus ring is shown. This behavior did not exist on Safari 3.1

I am attaching a couple of screenshots where I have seen this problem.

[Manuel Deschamps]

Created attachment 22345 [details]
Yahoo Mail Table Cells

[Manuel Deschamps]

Created attachment 22346 [details]
NetFlix movie rates

[Manuel Deschamps]

Created attachment 22348 [details]
Yahoo Mail Options

[Justin Garcia]

<rdar://problem/6083514> REGRESSION: Focus ring being shown on some html table cells

[Adele Peterson]

could have something to do with allowing tabindex on all elements, which makes those elements focusable

[Manuel Deschamps]

Hi Adele,

I was looking at the places where I see the ring in Yahoo Mail, and Netlflix and all of them have tabIndexes,  although the cells in Ymail's inbox have tabindex="-1"

[Alice Liu]

Actually this is not a regression, but rather an implementation of a new feature.  Starting in HTML5, all elements are focusable in some manner when the tabindex attribute is set.  More specifically, if an element's tabindex attribute is set to any valid integer value, that element is focusable by mouse clicks or by javascript.  If the tabindex is a value of 0 or greater, then the element also focusable (in tab order) by key events.  

Using the inspector, the yahoo mail message fields are focusable because they are table cells with tabindex=-1. 

I haven't looked into the other 2 cases, but i suspect they are similarly behaving correctly.  please inform me if i'm wrong.