search

saadeghi / daisyui

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

bug: daisyui page keeps crashing on arc browser #3124

Closed bigboggy closed 4 weeks ago

bigboggy commented 1 month ago

What version of daisyUI are you using?

No response

Which browsers are you seeing the problem on?

Other

Reproduction URL

https://daisyui.com/

Describe your issue

The last weeks I've been visiting the page I've experienced strange random crashes of the site on the arc browser. It doesn't happen on Firefox. Specifically it happens when I go to the components page.

Screenshot 2024-07-05 at 5 38 36 PM

Hope it helps finding some issues, I can't even open up the console, since it crashes completely the browser window.

Best wishes,

Bogdan

github-actions[bot] commented 1 month ago

Thank you @bigboggy 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.

saadeghi commented 1 month ago

Does it also happen in Chrome?

bigboggy commented 1 month ago

@saadeghi I have not experienced that in chrome yet

xxRockOnxx commented 1 month ago

@saadeghi yes it does happen in Chrome.

image

saadeghi commented 1 month ago

Can you please check if the issue still exists?

benstamm commented 1 month ago

@saadeghi working again for me (chrome)

iamsatyajit05 commented 1 month ago

facing the same issue.

sites content renders for a bit, then shows nothing.

I have attached the log from the console image

using brave just for daisy UI website :)

saadeghi commented 1 month ago

@iamsatyajit05 Which page is this? Homepage?
Do you have the issue on all pages? Do you have the issue with incognito mode as well?

It's challenging to debug this when I can't see the issue myself. I tried all browsers on Mac, Windows, Ubuntu, Android. All working without issues…

iamsatyajit05 commented 1 month ago

It only happens on Arc, Windows OS. But not on Arc Incoginrot Window.

saadeghi commented 1 month ago

It only happens on Arc, Windows OS. But not on Arc Incoginrot Window.

Hmm...
Can you try clearing site data (cache, cookies, localstorage, etc) and see if it fixes the issue?
Also, are you using any browser extension that could cause the crash?

iamsatyajit05 commented 1 month ago

The issue is fixed the AdBlock — block ads across the web extension was causing the issue.

Previously I only tried clearing site data but never thought about extension.

saadeghi commented 1 month ago

@iamsatyajit05 Thanks!
I think reporting the issue to Adblock team would help

@bigboggy @xxRockOnxx Are you also using Adblock extension?

xxRockOnxx commented 1 month ago

@saadeghi yes. though i tried turning it off and it still happens.

Edit: no, not AdBlock. It's uBlock Origin.

image

bigboggy commented 1 month ago

@iamsatyajit05 Thanks! I think reporting the issue to Adblock team would help

@bigboggy @xxRockOnxx Are you also using Adblock extension?

image

these are my extentions

naithagoni commented 1 month ago

Hi, I'm encountering issues accessing the daisyUI website, even after clearing the cache and cookies, and disabling AdblockPlus.

image

image

Furthermore, the utility classes are also not working in my local development environment, despite having properly configured TailwindCSS. image

hector commented 4 weeks ago

I also get the browser crashed. It happens on Chromium [Version 123.0.6312.4 (Developer Build) (arm64)], actually, it is the binary the Playwright downloads.

If I use daisy v4.12.7 it doesn't crash, but from v4.12.8 and up it does crash.

saadeghi commented 4 weeks ago

I have a feeling the comments on this issue are about different bugs on different versions of different browsers (or extensions)
Because apparently disabling AdBlock fixed the issue for some while the other comments are about different things.

Anyway the browser crashing issue is a bug from the browser. You should report it to the browser, not here. CSS is a declarative language. It's not acceptable for browsers to "crash" because of CSS. They should either render CSS styles as they're supposed to, or they should ignore the CSS rules they cannot render.

If I use daisy v4.12.7 it doesn't crash, but from v4.12.8 and up it does crash.

We started using CSS color mix function for CSS scrollbar color since version 4.12.8. it's a stable CSS feature, supported on all major browsers and even the browsers who don't support it, should simply ignore that CSS rule.

This issue is not happening for everyone and I could not reproduce it unfortunately. But I assume it is affecting some users because of some edge case (maybe some special OS version or some specific hardware situation. Idk.)

Please try updating your browsers to the latest version (because it might be fixed already) and if it didn't help, please report the issue to your browsers.

hector commented 3 weeks ago

@saadeghi I agree with what you said but I think you could consider documenting this somehow, maybe a FAQ? In day to day development, we need to support a bunch of browsers we can't control and being practical this means downgrading daisyui :(

saadeghi commented 3 weeks ago

@hector Sure. I will.
Browsers, like any other software have their own bugs. It's common for browsers to release a new "stable" version with a bug that only happens to a small percentage of users but usually they fix it quickly in the next version and since all browsers have automatic updates enabled by default, the issue will simply vanish before users even notice. This could even happen for all the existing web standards. For example next month a version of Chromium might have a bug with sticky CSS elements and suddenly some users might sometimes see a crash happening in their browsers, then they fix the bug and with the next update the same user will see no issue anymore.