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•1 year ago
|
Comment 1•1 year 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•1 year 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 4•1 year ago
|
||
This matches iSizeToFillCb.
Comment 7•1 year ago
|
||
| bugherder | ||
Updated•1 year 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
•