[Webkit-unassigned] [Bug 23113] Layer content inside HTML in SVG foreignObject renders in the wrong place

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Fri Mar 18 18:42:55 PDT 2022


https://bugs.webkit.org/show_bug.cgi?id=23113

--- Comment #42 from kshetline <kerry at shetline.com> ---
(In reply to kshetline from comment #41)
> I'm running into a problem with this issue here: https://shetline.com/orloj/
> 
> Changing positioning of a div inside my foreignObject from absolute to fixed
> helped some, but the sizing of a canvas inside the div inside the
> foreignObject is still wrong, and layering is completely ignored -- the
> canvas contents appear on top of all of the other SVG components, rather
> than being an intermediate layer, the way the canvas works in Chrome and
> Firefox.

The sample website above will no longer displaying the bug. My not-very-satisfactory workaround for now is to draw to an off-screen canvas, turn the contents of that canvas into a data URL, then assign that URL to an SVG <image>. The performance of this workaround is very slow compared to using a canvas directly. Fortunately fast animation is not vital for this particular website, but where fast animation is needed my workaround would be totally unsatisfactory.

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20220319/ee894893/attachment-0001.htm>


More information about the webkit-unassigned mailing list