Bug 104095

Summary: Incomplete rendering of SVG foreignObject styled with CSS
Product: WebKit Reporter: Nicolas Hoizey <nicolas>
Component: SVGAssignee: Nobody <webkit-unassigned>
Status: RESOLVED CONFIGURATION CHANGED    
Severity: Normal CC: ahmad.saleem792, ap, bfulgham, mmaxfield, rniwa, zimmermann
Priority: P2    
Version: 528+ (Nightly build)   
Hardware: Mac (Intel)   
OS: OS X 10.8   
URL: http://codepen.io/nhoizey/full/sALzK
Attachments:
Description Flags
Rendering of the exact same code in Firefox none

Nicolas Hoizey
Reported 2012-12-05 00:49:29 PST
Created attachment 177690 [details] Rendering of the exact same code in Firefox This short code embeds a SVG in an HTML which is embedded in another SVG via foreignObject. CSS styles attempt to style it. Firefox renders it as intended (see attached screenshot), but no Webkit does. Tested with stable Safari/Mac and Chrome/Mac, Mobile Safari/iOS6
Attachments
Rendering of the exact same code in Firefox (12.57 KB, image/png)
2012-12-05 00:49 PST, Nicolas Hoizey 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Ahmad Saleem
Comment 1 2022-07-13 05:14:03 PDT
I manage to retrieve the following CodePen from Wayback Archive and change it following JSFiddle (removed -webkit- and other prefixes): Link - https://jsfiddle.net/967jLhn2/1/show Earliest Wayback Archive - https://web.archive.org/web/20121213171633/https://codepen.io/nhoizey/full/sALzK I am not able to get the expected behavior of attached screenshot from even Firefox Nightly 104 and all browsers are matching with each other (but not with the screenshot). I am not sure on what is now expected behavior. Happy to be corrected here. Thanks!
Ryosuke Niwa
Comment 2 2022-07-13 13:16:32 PDT
Sounds like config changed if all browsers behave the same.
Note You need to log in before you can comment on or make changes to this bug.