Bug 313135 – REGRESSION (Safari 26): Select picker incorrect position

• Status: RESOLVED
• Resolution: FIXED
• Component: Forms

[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.

[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.