Safari does not render <foreignObject /> in <SVG /> in <HTML /> correctly
This is a bug report on Safari Version 16.3 (17614.4.6.11.6, 17614) on macOS 12.6.3 (21G419) as well as Safari on iOS 16.3 (tested on an iPhone).
- The attributes x, y of foreignObject are ignored, putting the top-left of the foreignObject at the top-left of the SVG box.
- The attribute transform of foreignObject is ignored; it is not possible to translate or scale the foreignObject.
- The content of the foreignObject is always rendered in the front of all the child elements of the <SVG />, while according to the spec an element (e.g. <circle />) that is specified further down in the list of the childs must be rendered in front the childs that come first, even if that is a foreignObject.
These specifications are applicable in both SVG and SVG2. Please align Safari with the standard specification: