bug: progress-primary component didn't visble on w-auto,w-max property in chrome.

[vishwaravi]

What version of daisyUI are you using?

4.12.23

Which browsers are you seeing the problem on?

Chrome

Reproduction URL

https://play.tailwindcss.com/JeAeSv97Rf

Describe your issue

Hi, @saadeghi. The progress-primary component from DaisyUI is not visible when the w-auto,w-max property is applied in Chrome. This issue does not occur in other browsers (e.g., Firefox). The component behaves as expected when a fixed width is applied (e.g., w-56), but it fails to render properly with the w-auto,w-max utility in Chrome.

[github-actions]

Thank you @vishwaravi 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]

Looks like a webkit bug.
There's same result even if you remove daisyUI: https://play.tailwindcss.com/EI0RmpMEMQ?file=config
No Tailwind, no daisyUI, Just HTML, same issue: https://codepen.io/saadeghi/pen/RNbxOpe

Works on FireFox, doesn't work on Chrome and Safari.

Can you open an issue in for Chrome or Webkit maybe?
I have to close this, because it's not a daisyUI but and it's no something I can fix in daisyUI. browsers must fix it. But feel free to continue the conversations…