UserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_6) AppleWebKit/603.3.8 (KHTML, like Gecko) Version/10.1.2 Safari/603.3.8

Steps to reproduce the problem:
1. Open http://jsfiddle.net/3t8u9qyb/
2. Check console output

What is the expected behavior?
When using the .getBBox() function, the bounding box of <g> should be the same as the bounding box of the enclosed <path>. These bounding boxes should not include the path's control points.

What went wrong?
The bounding box of <g> includes the control points of the enclosed <path>. (When .getBBox() is applied to the <path> directly, the correct bounding box without control points is returned.)

Did this work before? No 

Chrome version: 61.0.3163.91  Channel: stable
OS Version: OS X 10.12.6
Flash Version: 

This may be a bug in webkit (opened a new bug there too: https://bugs.webkit.org/show_bug.cgi?id=176992) as the bug affects Chrome and Safari (version numbers below).

May be a duplicate of https://bugs.chromium.org/p/chromium/issues/detail?id=377665 from 2014, although the fact that Safari is also affected suggests otherwise.

Bug is present in Safari 10.1.2, Google Chrome for Mac 61.0.3163.91 and Google Chrome for Windows 62.0.3202.18 .
Also present in Safari for iOS (10.3.3)

Firefox on Windows, IE11 and Edge all show the correct behavior.
Firefox on Mac OS is affected by a different bug (so the jsfiddle also fails there). That bug should be fixed in version 56.