FireFox issues

[HunterWhiteDev]

This package seems to have issues loading on firefox.

In my project with ShadCn, when I tried using it within their datepicker component, it just pops up the popup and doesn't load. When I tried spinning up a new vite project with just importing the react-day-picker component, it just infinitely spins and doesn't do much.

Even on the playground site, it just loads blank on firefox. It loads fine in microsoft edge however.

I don't see anything useful in the console which is unfortunate. I don't know much about developing node packages themselves, but I know a decent amount of react, and can help test as much as I can. I figured I would start a discussion thread rather than an issue.

[rodgobbi]

Hi @HunterWhiteDev
Could you share more details?
If possible, share a codesandbox reproducing the issue?

I checked shadcn/ui on Firefox, and it works for me.

[HunterWhiteDev]

Sometimes when I go to the ShadCn site does work for me, but the official palyground does not work.

This is what the ShadCn site looks like for me when it doesnt work

When I go to the ShadCn Calendar page though, it flashes for a quick second, then disappears https://ui.shadcn.com/docs/components/calendar

I just tried to make a react codesandbox and it did work, but the styling is a bit messed up.
https://codesandbox.io/p/sandbox/quizzical-lewin-q6grwn?file=%2Fsrc%2FApp.js%3A11%2C5

It still doesn't work in my local projects doing the same thing. Here's a test repo https://github.com/HunterWhiteDev/test-project

Basic steps to reproduce:
git clone https://github.com/HunterWhiteDev/test-project.git
cd test-project
run npm install
run npm run dev
got the url in the tab http://localhost:5174/

and then it just hangs when trying to load the tab, infinite loading in the tab bar

I have a private repo that is nextjs using shadcn and the popup just show anything when I use their provided Calendar component, but I can't share that codebase unfortunately. I tried opening in a private firefox tab with no extension enabled, and it doesnt fix anything. Works perfectly fine in Microsoft edge though. I tried disabling React Strict Mode and it also doesn't do anything.

I am using firefox on Arch Linux, I don't think that would have anything to do with it though.