Bug 313135
| Summary: | REGRESSION (Safari 26): Select picker incorrect position | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Luke Warlow <lwarlow> |
| Component: | Forms | Assignee: | Kiet Ho <kiet.ho> |
| Status: | RESOLVED FIXED | ||
| Severity: | Normal | CC: | cdumez, kiet.ho, opendarwin, webkit-bug-importer, wenson_hsieh |
| Priority: | P2 | Keywords: | InRadar |
| Version: | Safari 26 | ||
| Hardware: | Unspecified | ||
| OS: | Unspecified | ||
Luke Warlow
Minimal repo: https://codepen.io/lukewarlow/pen/raMEmVN original demo: https://codepen.io/editor/WickyNilliams/pen/019dba7a-6160-76db-95df-6ba3cfcd17b8
In Safari 26.4, when you open the selects in the above examples the picker will be misaligned, in the minimal repro case it'll be in the bottom right corner, and in the larger demo it'll be shifted diagonally. Importantly this seems to be related to the select being inside a shadowroot, I can't reproduce without it.
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Alexey Proskuryakov
Thank you for the report! I can reproduce with Safari 26 on macOS 26, but not with Safari 18.6 on macOS Sequoia 15.6.1.
Radar WebKit Bug Importer
<rdar://problem/175454476>
Kiet Ho
Pull request: https://github.com/WebKit/WebKit/pull/63942
EWS
Committed 312811@main (7d2bb1ed4f24): <https://commits.webkit.org/312811@main>
Reviewed commits have been landed. Closing PR #63942 and removing active labels.
Jeff Johnson
Question: Is this the same bug? https://bugs.webkit.org/show_bug.cgi?id=313466
Kiet Ho
Hi Jeff, thank you for filing that bug. I checked and I think they're different bugs. This bug manifests if the <select> is positioned using CSS anchor positioning.