Minimap: SVG elements are incorrectly drawn

[bramus]

E.g. https://cdpn.io/pen/debug/bGORQMM/d1616ec346e06f09d7f34ec667571e2e (forked from https://codepen.io/raphaelgoetter/pen/wvReGKK by @raphaelgoetter to preserve a copy)

The inspected elements don’t have the correct size because SVGElement doesn't have offsetWidth/offsetHeight properties, unlike `HTMLElement.

[bramus]

Some quick checking tells me this is gonna be a tough one:

• Getting the bounding ClientRect is influenced by transforms, so that’s a no go.
  • When getting the untransformed box it doesn’t produce entirely correct numbers
  • Furthermore that linked to function falls back to offsetWidth and offsetHeight, which returns undefined.
• Getting the box using $0.getBBox() does not seem to produce the correct numbers. They are off by a few pixels when compared to the size Chrome reports. Maybe that could just work though, as they are verrrry close and at least have the correct aspect-ratio.
  • Chrome seems to show the values as reported by $0.getClientRects()[0]