1154180 - Add support outline-style:auto for links on OS X

Status: RESOLVED DUPLICATE of bug 1034018

(Core :: Layout, defect)

Description

[Takeshi Kurosawa :takenspc]

While I am newbie on OS X, I feel that Firefox's focus rings of links are different from other apps on OS X.

- Firefox uses thin black dotted lines
- Safari and Chrome uses light blue rounded lines
- Photos uses light blue rounded lines

As Safari and Chrome uses outline-style:auto for links, I think implementing outline-style:auto for links and use it in the User Agent style sheets will improve look and feel and compatibility.

Comment 1

[Takeshi Kurosawa :takenspc]

Attachment: Safari's focus ring

Safari uses outline: auto 5px -webkit-focus-ring-color and focus ring is rendered as a light blue rounded rectangle.
http://trac.webkit.org/browser/trunk/Source/WebCore/css/html.css

Comment 2

[Takeshi Kurosawa :takenspc]

Attachment: Photos' focus ring

Apple's Photos app uses a focus ring similar to Safari

Comment 3

[Mats Palmgren (inactive)]

This is already implemented (bug 427928), although we didn't enable it
by default because if a bug in some Gnome environments, see bug 1031664
for details.

You can test it by setting layout.css.outline-style-auto.enabled to true
in about:config.