Bug 193581 – LayoutTests/fast/inline/{continuation-outlines, continuation-outlines-with-layers}.html should have purple outline, but has blue outline

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

[Daniel Bates]

Compare the rendering of the color of the outline in LayoutTests/fast/inline/{continuation-outlines, continuation-outlines-with-layers}.html in Safari, Chrome, and Firefox.

ToT WebKit (r240151) renders the outline in the system blue. But Chrome Canary 73.0.3674.0 and Firefox 64.0.2 render them in purple.

[Daniel Bates]

Created attachment 359504 [details]
[Screenshot] WebKit r240151

Screenshot of rendering of LayoutTests/fast/inline/continuation-outlines.html.

[Daniel Bates]

Created attachment 359505 [details]
[Screenshot] Mac Chrome Canary 73.0.3674.0

Screenshot of rendering of LayoutTests/fast/inline/continuation-outlines.html.

[Daniel Bates]

Created attachment 359506 [details]
[Screenshot] Mac Firefox 64.0.2

Screenshot of rendering of LayoutTests/fast/inline/continuation-outlines.html.

[Simon Fraser (smfr)]

https://drafts.csswg.org/css-ui-3/#outline-style says:

The auto value permits the user agent to render a custom outline style, typically a style which is either a user interface default for the platform, or perhaps a style that is richer than can be described in detail in CSS, e.g. a rounded edge outline with semi-translucent outer pixels that appears to glow. As such, this specification does not define how the outline-color is incorporated or used (if at all) when rendering auto style outlines. User agents may treat auto as solid.

[Daniel Bates]

(In reply to Simon Fraser (smfr) from comment #4)
> https://drafts.csswg.org/css-ui-3/#outline-style says:
> 
> The auto value permits the user agent to render a custom outline style,
> typically a style which is either a user interface default for the platform,
> or perhaps a style that is richer than can be described in detail in CSS,
> e.g. a rounded edge outline with semi-translucent outer pixels that appears
> to glow. As such, this specification does not define how the outline-color
> is incorporated or used (if at all) when rendering auto style outlines. User
> agents may treat auto as solid.

I see. Then this behavior is intended though we should factor out this decision into a setting to untangle it from the Mac-specific animated focus ring drawing code. This will allow iOS to opt-into using the platform focus ring color over the CSS outline-color, but opt-out of using the animated drawFocusRing() overloads. Will add this setting as part of bug #193591.