127995 2014-01-31 08:40:53 -0800 SVG with small height inside pixel sized div renders below div 2022-07-15 17:30:13 -0700 1 1 1 Unclassified WebKit SVG 528+ (Nightly build) Unspecified Unspecified RESOLVED CONFIGURATION CHANGED P2 Normal --- 1 hugh.zhang webkit-unassigned bfulgham hugh.zhang pdr zimmermann oldest_to_newest 974304 0 hugh.zhang 2014-01-31 08:40:53 -0800 With the following SVG, the black rectangle should render inside the div with red border. It renders about 5 pixels below the div instead. <div style="border: 1px solid red;width:100px;height:5px"> <svg> <rect width="100" height="5" fill="black"> </svg> </div> The issue becomes less severe as div height increases, disappearing completely at around 14 to 15 pixels: <div style="border: 1px solid red;width:100px;height:14px"> <svg> <rect width="100" height="5" fill="black"> </svg> </div> 974318 1 hugh.zhang 2014-01-31 09:13:53 -0800 Apparently this only happens with <!DOCTYPE HTML>. It doesn't reproduce with <!DOCTYPE HTML PUBLIC>. <!DOCTYPE HTML> <html> <body> <div style="border: 1px solid red;width:100px;height:5px;"> <svg> <rect width="100" height="5" fill="black"/> </svg> </div> <br/> <div style="border: 1px solid red;width:100px;height:14px"> <svg> <rect width="100" height="5" fill="black"/> </svg> </div> </body> </html> 974320 2 hugh.zhang 2014-01-31 09:21:34 -0800 Sorry about not getting this all in the original report. It looks like this issue is connected to the font-size. If "font-size:1px;" is set on the outer div, then the issue doesn't occur. Similarly, if a larger font-size is set, then the issue occurs for larger elements. 974891 3 pdr 2014-02-02 19:28:44 -0800 This appears to happen with an <img> as well: <div style="border: 1px solid red;width:100px;height:5px"> <img width="100" height="5" src="[img here]"> </div> This may be a bug in all replaced elements (svg, img, etc). 1884476 4 bfulgham 2022-07-15 17:30:13 -0700 Safari, Chrome, and Firefox all agree on rendering for this test case. I don't believe there is any remaining compatibility issue.