Left-shifted tooltips on SVG elements

[BertrandBordage]

See http://jsfiddle.net/hqDF7/ for a minimal example.

The issue appeared with 8534e12.
Those lines use .outerWidth & .outerHeight and override what .getBoundingClientRect was returning. Unfortunately, .outer[Width|Height] always return 0 for SVG elements, while .getBoundingClientRect returns the expected output.

Removing the incriminated lines "fixes" the issue. But of course I guess it creates other issues.

This issue is similar to #5956.

[twbs-lmvtfy]

Hi @BertrandBordage!

You appear to have posted a live example (http://jsfiddle.net/hqDF7/show/), which is always a good first step. However, according to the HTML5 validator, your example has some validation errors, which might be causing your issue:

• line 39, column 50: Attribute title not allowed on element circle at this point.

You'll need to fix these errors and post a revised example before we can proceed further.
Thanks!

(Please note that this is a fully automated comment.)

[BertrandBordage]

The valid SVG would be:

<svg width="100" height="100">
    <g>
        <circle cx="50" cy="50" r="10" />
        <title>Test</title>
    </g>
</svg>

But of course, tooltips can't be applied on this.

[cvrebert]

Closing per #14015.