Bug 254647
| Summary: | tooltip on hover has different position in Safari | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Ahmad Saleem <ahmad.saleem792> |
| Component: | CSS | Assignee: | Nobody <webkit-unassigned> |
| Status: | RESOLVED INVALID | ||
| Severity: | Normal | CC: | karlcow, ntim, webkit-bug-importer |
| Priority: | P2 | Keywords: | BrowserCompat, InRadar |
| Version: | WebKit Nightly Build | ||
| Hardware: | Unspecified | ||
| OS: | Unspecified | ||
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!
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
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.