Bug 104095 - Incomplete rendering of SVG foreignObject styled with CSS
Summary: Incomplete rendering of SVG foreignObject styled with CSS
Status: RESOLVED CONFIGURATION CHANGED
Alias: None
Product: WebKit
Classification: Unclassified
Component: SVG (show other bugs)
Version: 528+ (Nightly build)
Hardware: Mac (Intel) OS X 10.8
: P2 Normal
Assignee: Nobody
URL: http://codepen.io/nhoizey/full/sALzK
Keywords:
Depends on:
Blocks:
 
Reported: 2012-12-05 00:49 PST by Nicolas Hoizey
Modified: 2022-07-13 13:16 PDT (History)
6 users (show)

See Also:


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

Note You need to log in before you can comment on or make changes to this bug.
Description Nicolas Hoizey 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
Comment 1 Ahmad Saleem 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!
Comment 2 Ryosuke Niwa 2022-07-13 13:16:32 PDT
Sounds like config changed if all browsers behave the same.