daisyui icon indicating copy to clipboard operation
daisyui copied to clipboard

bug: (v5) responsive modifiers not working for card-border

Open FlorianFlatscher opened this issue 11 months ago โ€ข 5 comments

What version of daisyUI are you using?

v5.0.0

Which browsers are you seeing the problem on?

All browsers

Reproduction URL

https://play.tailwindcss.com/6makvWf5wk

Describe your issue

Responsive modifieres don't work for card-border. sm:card-border results to a card with no border on all screen sizes (see reproduction URL). This might also be the case for other card uitilities.

Might be related to: https://github.com/saadeghi/daisyui/issues/3558

FlorianFlatscher avatar Mar 04 '25 09:03 FlorianFlatscher

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

github-actions[bot] avatar Mar 04 '25 09:03 github-actions[bot]

Since this is still open, as the reporter of the "might be related to" issue, I've also since noticed that list-col-wrap doesn't work with responsive modifiers either. Fortunately, it's a fairly simple class, so it's replaceable using !row-start-2, but it sucks that I should need to.

Seems like a lot of classes stopped integrating properly with Tailwind in the rewrite from v4 to v5.

ilyvion avatar Mar 13 '25 08:03 ilyvion

Please let me know if you found more class names that are expected to work with Tailwind's responsive prefixes.

I will work on it ๐Ÿ‘

saadeghi avatar Mar 13 '25 09:03 saadeghi

I don't know if it can help, but there are some classes that are not being picked up by the tailwind lsp and are not working with the @apply directive. Here is a list of classes that I found:

- card-border
- card-dash
- list-row
- dock-active
- table-pin-rows
- table-pin-cols
- toast-{start,center,end,bottom,middle,top}
- dropdown-content
- indicator-item
- tooltip-content
- drawer-overlay

What I've found is that those classes don't really exist. There are only used in .where() pseudo-class function. Maybe that's why tailwind don't see them.

The list was extracted from: https://github.com/search?q=repo%3Asaadeghi%2Fdaisyui%20where(.&type=code

s-montigny-desautels avatar Mar 26 '25 20:03 s-montigny-desautels

Is there any way to fix this?

s97712 avatar May 17 '25 19:05 s97712