Bug 201747

Summary: Element stacking order inside svg is ignored for <video> in foreignObject
Product: WebKit Reporter: Sam Wemyss <samuel.wemyss>
Component: SVGAssignee: Nobody <webkit-unassigned>
Status: NEW    
Severity: Normal CC: bfulgham, karlcow, simon.fraser, webkit-bug-importer, xidorn-webkit, zalan, zimmermann
Priority: P2 Keywords: CanvaBug, InRadar
Version: Safari 12   
Hardware: Mac   
OS: macOS 10.14   
Attachments:
Description Flags
Testcase none

Sam Wemyss
Reported 2019-09-12 18:20:43 PDT
Created attachment 378699 [details] Testcase Similar to https://bugs.webkit.org/show_bug.cgi?id=201110 it seems, though this is only inside an svg whereas that bug report is about element stacking with external html elements and svg foreignObject. See the attached testcase for an example. Currently safari renders video elements in a foreignObject above all other elements in that svg. It should respect element stacking order. Works correctly in Firefox, Chrome appears to have the same bug. Also ignore the scaling issue of a video inside a foreignObject, I see that is already covered by this report https://bugs.webkit.org/show_bug.cgi?id=200382
Attachments
Testcase (12.71 KB, text/html)
2019-09-12 18:20 PDT, Sam Wemyss 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Radar WebKit Bug Importer
Comment 1 2019-09-12 19:28:14 PDT
<rdar://problem/55327050>
Note You need to log in before you can comment on or make changes to this bug.