Bug 82487

Summary: SVG content in tables has sizing problems
Product: WebKit Reporter: Stephen Chenney <schenney>
Component: SVGAssignee: Philip Rogers <pdr>
Status: RESOLVED FIXED    
Severity: Normal CC: jchaffraix, krit, lobais, pdr, robertc, simon.fraser, zimmermann
Priority: P2    
Version: 528+ (Nightly build)   
Hardware: Unspecified   
OS: Unspecified   
URL: http://dbaron.org/log/20110225-blur-radius
Attachments:
Description Flags
SVG in table with no width height
none
SVG in table with display:block none

Stephen Chenney
Reported 2012-03-28 11:12:37 PDT
When svg is placed inside a table with no width and height on the svg element, one would expect it to pull the width and height from the table cell size, possibly modified for a viewbox aspect ratio. We totally fail on this when no width or height is given for the svg element. See cr119708-no-width-height.html We get it wrong, but less wrong, when we specify block display. See cr119708-display-block.html
Attachments
SVG in table with no width height (651 bytes, text/html)
2012-03-28 11:13 PDT, Stephen Chenney 		no flags
Details
SVG in table with display:block (666 bytes, text/html)
2012-03-28 11:13 PDT, Stephen Chenney 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Stephen Chenney
Comment 1 2012-03-28 11:13:08 PDT
Created attachment 134340 [details] SVG in table with no width height
Stephen Chenney
Comment 2 2012-03-28 11:13:35 PDT
Created attachment 134341 [details] SVG in table with display:block
Stephen Chenney
Comment 3 2012-03-28 11:15:13 PDT
The behavior for display:block seems to have improved recently (nothing was displayed at all in Chrome 18) but it is still not correct.
Nikolas Zimmermann
Comment 4 2012-03-29 00:19:31 PDT
(In reply to comment #3) > The behavior for display:block seems to have improved recently (nothing was displayed at all in Chrome 18) but it is still not correct. Verified, the same in trunk on Mac. A quick FYI: intrinsic sizing + inline SVG is the last TODO item, in the area of intrinsic sizing. Over the last months SVG in <object> / <embed> / <iframe> / <html:img> / <svg:image> and background-image/border-image/mask-image got implemented and now work as desired. Figuring out the correct size in inline SVG is not yet perfect.
Thomas Dybdahl Ahle
Comment 5 2012-09-05 20:27:33 PDT
The two testcases seam to work in Chrome 21. However this one still doesn't: http://jsfiddle.net/eLVYJ/ Works fine in Firefox 15.
Philip Rogers
Comment 6 2012-09-12 10:26:18 PDT
*** Bug 95763 has been marked as a duplicate of this bug. ***
Dirk Schulze
Comment 7 2014-05-13 08:08:05 PDT
Fixed! Finally.
Note You need to log in before you can comment on or make changes to this bug.