saadeghi / daisyui

🌼 🌼 🌼 🌼 🌼  The most popular, free and open-source Tailwind CSS component library
https://daisyui.com
MIT License
33.89k stars 1.29k forks source link

docs: Navigation does not work due to call to navigator.sendBeacon() #3160

Open PascalKoe opened 2 months ago

PascalKoe commented 2 months ago

On which page do you see this issue?

https://daisyui.com

Describe the issue

When pressing a button/link to navigate to another page on https://daisyui.com, the URL in the browsers navigation bar changes, but the new page is not displayed. In the console of the browser, the following error is shown:

Uncaught (in promise) TypeError: navigator.sendBeacon is not a function
    Immutable 7
    async* https://daisyui.com/:89
    promise callback* https://daisyui.com/:88
2.B1NS795p.js:4:13786
    Y Immutable
    InterpretGeneratorResume self-hosted:1455
    AsyncFunctionNext self-hosted:852
    (Async: async)
    Ze Immutable
    InterpretGeneratorResume self-hosted:1455
    AsyncFunctionNext self-hosted:852
    Immutable 2
    InterpretGeneratorResume self-hosted:1455
    AsyncFunctionNext self-hosted:852
    (Async: async)
    <anonymous> https://daisyui.com/:89
    (Async: promise callback)
    <anonymous> https://daisyui.com/:88

The problem can be 'fixed' by defining the function issuing the following command in the browsers console: navigator.sendBeacon = () => {}.

The browser, the configuration, and the extensions are company managed. I do not have any real insights on what anti tracking measures they have in place.

What browsers are you seeing the problem on?

Firefox

github-actions[bot] commented 2 months ago

Thank you @PascalKoe for reporting issues. It helps daisyUI a lot 💚
I'll be working on issues one by one. I will help with this one as soon as a I find a solution.
In the meantime providing more details and reproduction links would be helpful.