Bug 254647 – tooltip on hover has different position in Safari

• Status: RESOLVED
• Resolution: INVALID
• Component: CSS

[Ahmad Saleem]

Hi Team,

While going through StackOverflow, I came across another failing test:

Test Case - https://jsfiddle.net/cfqm8wxs/

^ Look at triangle position on tooltip. It is broken on WebKit ToT (262258@main) as well. [Works fine with Chrome Canary 114 and Firefox Nightly 113]

StackOverflow - https://stackoverflow.com/questions/75871170/tooltip-on-hover-has-different-position-in-safari

Just wanted to raise so we can track this.

Thanks!

[Karl Dubost]

This is the position of `.button::after` which is different and the size. 
so the way the position and size of `content: attribute()` is handled.

[Radar WebKit Bug Importer]

<rdar://problem/107645566>

[Tim Nguyen (:ntim)]

This is just because Safari uses a different default font for buttons, if you set `font: 13.33px Arial` on the button, we match other browsers.

(The tooltip positioning relies on `em` units which depends on font-size)

[Tim Nguyen (:ntim)]

This behaves correctly. Changing the default font size might be a different issue, but out of scope for this bug.