Skip to content

bug: Checkmark don't show inside menu component #3922

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
ElisameAraujo opened this issue May 28, 2025 · 2 comments
Closed

bug: Checkmark don't show inside menu component #3922

ElisameAraujo opened this issue May 28, 2025 · 2 comments

Comments

@ElisameAraujo
Copy link

Reproduction URL (Required)

https://play.tailwindcss.com/zODhNOQ14h

What version of daisyUI are you using?

5.0.40

Which browsers are you seeing the problem on?

All browsers

Describe your issue

I trying to built a navigation for a mail app inside my dashboard using the menu component adding a checkbox to mark all messages on the page, but, for some reason, the checkmark inside checkbox is not showing.
Image

This behavior does not happen when I use the navbar component
Image

This is the base code that I using to create the navigation:

<ul class="menu menu-horizontal bg-base-200 rounded-box w-full flex items-center">
    <li>
        <input type="checkbox" checked="checked" class="checkbox checkbox-error ml-2" />
    </li>
    <div class="divider divider-horizontal"></div>
    <li>
        <a class="tooltip" data-tip="Details">
            <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24"
                stroke="currentColor">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                    d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
            </svg>
        </a>
    </li>
    <li>
        <a class="tooltip" data-tip="Stats">
            <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24"
                stroke="currentColor">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                    d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z" />
            </svg>
        </a>
    </li>
</ul>
Copy link

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

@jamedeus
Copy link

Caused by display: grid added to list item children, and there's something else breaking the transition after that's fixed.

@saadeghi could you assign this to me?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants