Bug 93358 - inline-block span positioned "relative" inside foreignObject are not scaled correctly
 Summary: inline-block span positioned "relative" inside foreignObject are not scaled c...
 Product: Classification: Status: UNCONFIRMED WebKit Unclassified Layout and Rendering Version: 528+ (Nightly build) Platform: All All Importance: P2 Normal Assigned To: Nobody Keywords: mathjax 126516 Show dependency tree / graph

 See Also: Reported: 2012-08-07 05:33 PDT by Frédéric Wang (:fredw) Modified: 2014-01-08 23:09 PST (History) CC List: 7 users (show) eric fraser krit ojan pdr robert tony

Attachments
testcase (473 bytes, text/html)
2012-08-07 05:33 PDT, Frédéric Wang (:fredw)
no flags Details
Another test case. (697 bytes, text/html)
2012-11-18 21:41 PST, Neil
no flags Details

 Note You need to log in before you can comment on or make changes to this bug.
 Frédéric Wang (:fredw) 2012-08-07 05:33:27 PDT Created attachment 156918 [details] testcase A MathJax user reported that the HTML+CSS code generated by MathJax to display mathematical formulas is not rendered correctly in Webkit when scaled inside SVG: https://github.com/mathjax/MathJax/issues/279 The code generated by MathJax contains many 's and it's hard to say what the problem is. However, I think I have isolated one issue with , which are used everywhere in the generated code. In the attached testcase, such a span is used to draw a 50x50 red rectangle. I use SVG to scale it by a factor of 2. In Firefox, it thus fits in the 100x100 black frame. However in Webkit this rectangle is still rendered with a size of 50x50. Note that if you use "position: static;", it is correctly scaled. Frédéric Wang (:fredw) 2012-08-07 05:37:46 PDT Of course, this affects both coordinates and size. You can try to use "left: 25px; top: 25px; width: 25px; height: 25px;" in the testcase. Neil 2012-11-18 21:41:40 PST Created attachment 174887 [details] Another test case. This bug prevents the use of Closure UI widgets in SVG. Attached is an independently created testcase. Works fine in Gecko. Eric Seidel 2012-11-18 22:01:47 PST SVG trees don't have RenderLayers. It's a loooong standing bug. :(