Select Popover not positioning correctly

[apolo49]

1. Start WebKit Browser (seems to affect only safari on my mac, not Firefox or Vivaldi/Chromium).
2. Clone my minimal reproducible example repo (Sorry about the bright colours, my intention is to help differentiate)
3. Start Quik
4. Click dropdown button
5. Observe that the popover is out of place.

Not sure what interaction is causing this, but the popover element is not positioned under the trigger, instead to the left of it.

This was noticed by me when I tried to create this in Tauri on my MacBook as it uses webkit on MacOS.

I'm around if more info is needed.

Observed Behaviour:

• Popover is far left in WebKit browsers

Expected Behaviour:

• Popover is beneath element on all browsers

Thank you!

[thejackshelton]

Interesting, @apolo49 it looks like there is margin on the webkit browser

[thejackshelton]

I don't have a mac to really test this 😅 any ideas on how to check this on windows haha

[apolo49]

Not sure for Windows (there is Otter Browser, but that's an outdated version of WebKit), but on a Linux machine there are several WebKit browsers; otherwise you can also use Playwright with a WebKit minibrowser, but not sure that would reproduce the effect (I do suspect it would though).

[apolo49]

Any news on this @thejackshelton? I don't know how to fix this myself, if you can guide me where to look I may be able to be some help!

[thejackshelton]

Hey @apolo49! @cwoolum and I are going to pair at 3 PM PST and try to improve the popover, hopefully having enough time for this issue.

We'll be in the pairing session in the qwikifiers discord if you'd like to join us 😄.