search

qwikifiers / qwik-ui

Qwik's official Headless and styled component library
https://qwikui.com
MIT License
558 stars 115 forks source link

Select Popover not positioning correctly #689

Open apolo49 opened 1 month ago

apolo49 commented 1 month ago
  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:

Expected Behaviour:

Thank you!

thejackshelton commented 1 month ago

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

thejackshelton commented 1 month ago

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

apolo49 commented 1 month ago

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 commented 1 month ago

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 commented 1 month ago

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