Bug 14492

Summary: Inspector's red outline drawn around inline SVGs is confusing due to preserveAspectRatio
Product: WebKit Reporter: Jay McCarthy <jay.mccarthy>
Component: SVGAssignee: Nobody <webkit-unassigned>
Status: RESOLVED WORKSFORME    
Severity: Major CC: jay.mccarthy, webkit
Priority: P2    
Version: 523.x (Safari 3)   
Hardware: Mac   
OS: OS X 10.4   
Attachments:
Description Flags
The xhtml file with the problem none

Jay McCarthy
Reported 2007-07-01 16:06:52 PDT
I will attach the file. Look at the div with the id "problem" in the inspector. It says the height is 588px. Now, look at the SVG contained therein, it says the height is 584px. However, the containing div is CLEARLY not 588px. (This is with a window that is 720px high and 1170px wide.) I do not believe I am doing anything tricky or hacky, so I believe this is a major problem.
Attachments
The xhtml file with the problem (14.88 KB, application/xhtml+xml)
2007-07-01 16:07 PDT, Jay McCarthy 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Jay McCarthy
Comment 1 2007-07-01 16:07:25 PDT
Created attachment 15341 [details] The xhtml file with the problem
Eric Seidel (no email)
Comment 2 2007-09-26 07:37:50 PDT
It looks fine to me in both Safari 3.0 beta and feature-branch. I think the confusion comes because the SVG is actually filling the whole div, it's just only drawing in the center (due to preserveAspectRatio's default value of xMidyMid. see http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute for more info) So I guess this bug is reporting that the red outline should go around the whole SVG instead of just the area where it's drawing?
Robert Blaut
Comment 3 2008-03-06 03:42:33 PST
I tested the reported problem in Webkit r30790 and I cannot confirm described problem. Inspector highlights entire window hight. WORKSFORME.
Note You need to log in before you can comment on or make changes to this bug.