CSS shapes highlighter does not display properly on SVG elements with stroke

NEW
Unassigned

Status

P3
normal
a year ago
5 months ago

People

(Reporter: mpark, Unassigned)

Tracking

(Blocks: 1 bug)

unspecified

Firefox Tracking Flags

(firefox57 fix-optional)

Details

(Whiteboard: [designer-tools])

Attachments

(2 attachments)

(Reporter)

Description

a year ago
Created attachment 8889572 [details]
Screen Shot 2017-07-24 at 3.43.57 PM.png

When an SVG element has a stroke and clip-path/shape-outside does not have the stroke-box parameter, the highlighter doesn't display properly when zoomed in or out. See attached image. This is probably an issue with the way that object bounding box is calculated in this case.
Priority: -- → P3
Blocks: 1242029
status-firefox57: --- → fix-optional
Created attachment 8922769 [details]
Misaligned shapes highlighter on SVG element with stroke

This is not only an issue when the page is zoomed. E.g. see the 'clip-path: circle(25% at 25% 25%)' example on https://mdn.mozillademos.org/en-US/docs/Web/CSS/clip-path$samples/clip-path?revision=1321941.

Sebastian
Summary: CSS shapes highlighter does not display properly on SVG elements with stroke when zoomed → CSS shapes highlighter does not display properly on SVG elements with stroke
Whiteboard: [designer-tools]

Updated

5 months ago
Product: Firefox → DevTools
You need to log in before you can comment on or make changes to this bug.