1917347 - flex item shrinks below content width, when it contains an SVG element with no explicit width attribute

Status: NEW

(Core :: Layout: Flexbox, defect)

Description

[Daniel Holbert [:dholbert]]

Attachment: testcase 1

STR:

1. Load attached testcase.

EXPECTED RESULTS:
The first two black boxes should be the same width (and no red should be visible).

ACTUAL RESULTS:
The first black box is much skinnier (and there's red visible next to it - it lets its red sibling steal some of the flex container's width)

Comment 1

[Daniel Holbert [:dholbert]]

Attachment: semi-reference case 1 (using <canvas> instead of <svg>)

Here's a reference case where I've just swapped in <canvas>. We give expected-results here.

Comment 2

[Daniel Holbert [:dholbert]]

Comment on attachment 9423319 [details]
semi-reference case 1 (using <canvas> instead of <svg>)

(er -- I guess the overall widths are a bit different between the testcase & reference case in, for whatever reason -- that's true cross-browser -- so it's not quite a true reference, but it's a partial reference, and the expectation that the first two boxes should match is still valid.)