1533479 - CSS "outline" isn't rendered on content inside of a marker

Status: NEW

(Core :: SVG, defect, P3)

Description

[Daniel Holbert [:dholbert]]

Attachment: testcase 1

STR:

1. Load attached testcase

EXPECTED RESULTS:
Both rects should have a visible outline.

ACTUAL RESULTS:
The lower (blue) rect doesn't render its outline.

Chrome 74 and Safari 12 give me "EXPECTED RESULTS".
Firefox Nightly 67 gives me "ACTUAL RESULTS".
Edge 18 gives doesn't draw either of the outlines.

Comment 1

[Daniel Holbert [:dholbert]]

The upper rect is just a plain <rect ... style="outline: ...">.
The lower one uses that same markup, but is inside of a <defs><marker>, and it's rendered via the marker-end property on a path.

Comment 2

[Robert Longson [:longsonr]]

Not sure why you'd want to support outline on something that's not focusable.

Comment 3

[Daniel Holbert [:dholbert]]

Outline is used for focus, but it's not restricted to that use-case.

Strawman/hypothetical use-case: maybe an author wants to use SVG text as a <marker>, and they want to draw a border around that text. (And CSS border doesn't work in SVG, but outline does, at least in many cases.) I think outline might be the only way to address that use-case, but I'm not entirely sure.

Anyway, our current behavior seems inconsistent -- even if there aren't great use cases, it seems like it should work.