338035 - No visual focus for <a> w/o href when it gets focus (still focusable if tabindex attribute present)

Status: RESOLVED WORKSFORME

(Core :: Layout, defect)

Description

[Dan Kinnunen]

Env: Bon Echo 20060515 nightly build

Description:
The "tabindex" attribute will cause a tab stop to be inserted into a web page.
The anchor tag <a> supports the tabindex attribute.  There should be a
visual focus indicator around the text between the anchor tag <a> and the
end anchor tag </a> to let a keyboard user know where current keyboard 
focus is.

Steps to Recreate:
For example, the following html will add a tab stop to a text string
using the anchor tag:

<a tabindex="0" name="anchor2">
      This text should show dotted line around it when you tab to this tab stop.
</a>

(Internet Explorer displays the visual focus dotted line
 around the text okay.)

Comment 1

[Dan Kinnunen]

Attachment: Attaching an HTML file that illustrates this problem.

Comment 2

[Mark Pilgrim (inactive)]

Confirmed.  I have discovered that this is specific to the <a> element.  If you change <a tabindex="0"> to <span tabindex="0">, Firefox shows the focus rectangle as expected.

Comment 3

[Aaron Leventhal]

I suspect that this rule in ua.css doesn't work when there's no href. Probably part of what -moz-any-link means.

*|*:-moz-any-link:focus {
  outline: 1px dotted invert;
}

The other focus rules are in html.css, and don't list |a|

Comment 4

[Martijn Wargers (dead)]

I guess this is related to bug 267119, right?

Comment 5

[alexander :surkov (:asurkov)]

I'm not sure about right component, it sounds like styling issue of HTML.

Comment 6

[Mats Palmgren (inactive)]

WFM, Nightly 23.0a1 (2013-04-19) Linux64.