Intrinsic sizing of SVG breaks with `box-sizing: border-box` and `border`.
Categories
(Core :: SVG, defect)
Tracking
()
People
(Reporter: dshin, Assigned: emilio)
Details
Attachments
(3 files)
(Discovered in a session of virtual escape room from)
STR: Load attached testcase
Expected: Black circle in the grey square (SVG border) should fit within black square (Containing div border)
Actual: SVG is sized bigger than the containing div
Assignee | ||
Updated•29 days ago
|
Comment 1•29 days ago
|
||
For posterity / testing, here's a more complete copy of the "timer" widget that's affected by this on the original site.
The issue here is that -- in Firefox -- the outer border looks thicker on the top-left corner as compared to the bottom-right corner.
Comment 2•29 days ago
|
||
This goes back ~forever; I can reproduce in Nightly 2013-12-15 if I add a prefixed version of box-sizing
(which we needed back then), i.e. -moz-box-sizing:border-box;
Assignee | ||
Comment 3•28 days ago
|
||
I think I know where this is going wrong.
Assignee | ||
Comment 4•28 days ago
|
||
This matches iSizeToFillCb.
Comment 7•28 days ago
|
||
bugherder |
Updated•22 days ago
|
Updated•18 days ago
|
Issue is reproducible on a 2025-07-18 Firefox Nightly build on Windows 10, using the testcases from Comment 0 and Comment 1.
Verified as fixed on Firefox Nightly 143.0a1 and Firefox 142.0b4 on Windows 10, Ubuntu 22, macOS 15.
Description
•