Load https://jsfiddle.net/p8eh0oqn/ When clicking on the input the datalist loads on the far left of the screen rather than anchored to the input. This should be fixed.
@Luke - can you attach screenshot of broken behaviour? For me, it is loading fine and anchored to drop-down field.
Created attachment 467705 [details] Left aligned datalist element
@Luke - I am unable to reproduce this bug in Safari 16.6, Safari Technology Preview and WebKit ToT. :-( For me, it is just below drop-down for me. Do you have any experimental flag enabled? I am on macOS Ventura 13.5.2, you on also?
I'm on macOS 13.5.1 and can reproduce on Safari 16.6 (18615.3.12.11.2) AND Tech Preview Release 177 (Safari 17.0, WebKit 18617.1.4.3) No feature flags enabled (have reset both to defaults to make sure)
OK, now I am able to reproduce. 1) Open drop-down 2) Move JSFiddle pane left right and notice that the drop-down is stuck. If you just load and open drop-down, it will be just below 'input field' but if you move panes to make page resize then drop-down will be stuck similar to reference screenshot from Luke. @Luke - thanks for your help.
Ah so I've just done more testing and it's in fact stuck on the far left on the SCREEN not just the Safari window, and it only happens on one of my multiple monitors. If I put it on my right monitor it works correctly. On my left screen it is pinned to the far left of the screen. So it's more complicated than I originally thought.
If anyone else is interested in investigating this, `-[WKDataListSuggestionsController dropdownRectForElementRect:]` in `WebDataListSuggestionsDropdownMac.mm` is where the location is determined.
<rdar://problem/115936923>