Guten Morgen,
foreignObject in symbol schien 2021 nicht in Chrome zu funktionieren[1]. Weiter unten gibt es einen Link zum W3C:
-
<foreignObject> and svg:use #511
The SVG Working Group just discussed <foreignObject> and svg:use, and agreed to the following:RESOLVED: <foreignObject> in referenced subtrees of the <use> element would not be considered for the shadow tree
foreignObject in einem SVG-Standalone-Dokument (in img eingebunden) funktioniert, aber eben nicht in einem HTML-Dokument, das ein inline-SVG hat, dass dann mit foreignObejctwieder HTML enthält.
Warum das clipPath in symbol nicht funktioniert, kann ich auf die Schnelle nicht herausfinden.
Herzliche Grüße
Matthias Scharwies
SVG foreignObject inside symbol not showing in Chrome (Stackoverflow.com) ↩︎