Bug 198660

Summary: Video in SVG foreignObject is not translated correctly
Product: WebKit Reporter: Matthew <mattgwwalker>
Component: SVGAssignee: Nobody <webkit-unassigned>
Status: RESOLVED DUPLICATE    
Severity: Normal CC: eric.carlson, jer.noble, sabouhallawa, simon.fraser, webkit-bug-importer, zalan, zimmermann
Priority: P2 Keywords: BrowserCompat, InRadar
Version: Safari 12   
Hardware: Mac   
OS: macOS 10.13   
Attachments:
Description Flags
Example of video in foreignObject in SVG that is rendered at incorrect location
none
Workaround none

Matthew
Reported 2019-06-07 08:58:44 PDT
Created attachment 371587 [details] Example of video in foreignObject in SVG that is rendered at incorrect location When a video is added as a <foreignObject> in an SVG, it is not rendered in the correct location if the element is translated. See the attachment. The video should be rendered over the top of the red rectangle. It is currently rendered to the left (as if it is ignoring the translation). Tested in Version 12.1.1 (13607.2.6.1.2)
Attachments
Example of video in foreignObject in SVG that is rendered at incorrect location (928 bytes, text/html)
2019-06-07 08:58 PDT, Matthew 		no flags
Details
Workaround (1.00 KB, text/html)
2019-06-07 09:50 PDT, Matthew 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Matthew
Comment 1 2019-06-07 09:50:45 PDT
Created attachment 371590 [details] Workaround
Matthew
Comment 2 2019-06-07 09:51:37 PDT
A workaround is to ensure that the SVG is not scaled (i.e. the width and height of the SVG in pixels matches exactly the width and height of the viewBox) and that the viewBox coordinates are at (0,0). It is then possible to take the foreignObject, move it to the root of the SVG, and give it x and y coordinates that are the same as any background objects after translation. Because the SVG has not been scaled, the video's width and height attributes then behave acceptably. See the attached example.
Radar WebKit Bug Importer
Comment 3 2019-06-07 13:32:51 PDT
<rdar://problem/51533362>
Said Abou-Hallawa
Comment 4 2019-08-02 15:35:39 PDT
This is the same as https://bugs.webkit.org/show_bug.cgi?id=32218 *** This bug has been marked as a duplicate of bug 23113 ***
Note You need to log in before you can comment on or make changes to this bug.