SVG container renders wrong size in Safari desktop (fine in Chrome/iOS)
问题 I thought Safari had sorted this but it still seems to be an issue (unless I'm doing something obviously wrong). I have a SVG placed inside an object tag. That is wrapped in a flexible containing DIV (e.g set to be width 50%). On resize, the container height resizes in Firefox, Chrome and Opera as I would expect but on Safari the container stays too high. Here's an example on Codepen to demonstrate, switch to the full size result or 'editor on side' (button bottom right) to see the effect