[🐞] All Headless components are not working in Safari

[rv-ragul-guvi]

Which package is affected?

Headless Kit

Describe the bug

Components are working properly in Chromium browsers but not in Safari. I have attaching a scree recording of Select component in Safari browser.

Screen.Recording.2025-08-03.at.11.30.24.AM.mov

Reproduction

Screen.Recording.2025-08-03.at.11.30.24.AM.mov

Steps to reproduce

Go to one of the headless components pages in qwikui.com in Safari Browser. Try to interact with the component.

System Info

System:
    OS: macOS 15.5
    CPU: (10) arm64 Apple M4
    Memory: 150.86 MB / 16.00 GB
    Shell: 4.0.2 - /opt/homebrew/bin/fish
  Binaries:
    Node: 22.15.0 - ~/.local/share/nvm/v22.15.0/bin/node
    npm: 10.9.2 - ~/.local/share/nvm/v22.15.0/bin/npm
    Watchman: 2025.05.26.00 - /opt/homebrew/bin/watchman
  Browsers:
    Brave Browser: 138.1.80.125
    Chrome: 138.0.7204.184
    Safari: 18.5

Additional Information

No response

[maiieul]

Thanks for raising this @rv-ragul-guvi. I can't reproduce on my end but I have another weird bug where I need to refresh to see the components. Do you need to refresh too? Can you try again on safari 18.6?

[rv-ragul-guvi]

Hi @maiieul, I am also using the latest Safari version(18.6). When I was raising this issue, the components were not working. But now it works fine.

[maiieul]

Okay @rv-ragul-guvi I pushed a fix and deployed. Everything should work as expected now. You can create a new issue if it doesn't.