DropdownMenu doesn't load default classes CSS

[edwini]

Hi! in the <DropdownMenu /> component, CSS classes aren't load in the final <div> element.

As you can see I am using <DropdownMenuSeparator /> withour classes and the final div is empty, but if I add classes by my own, its loads only my custom classes.

I added in lib folder the utils.ts file, but I dont undertand the why it is not working. This is happeding with all childs of <DropdownMenu />

Thank you.

[leabs]

Hi! Are you importing the component and then adding the classes on the element? It worked for me so I'm not sure I'm understanding. If you had some code public I'd be willing to look at it.

What I did:

Result:

[PatrickJoannisse]

@edwini If you're still having this issue, I had the same and found the reason.

Check your imports and make sure you're actually importing from the DropdownMenu.tsx you created and not the Radix UI.

Turns out VS Code was importing from the wrong place when I used the "fix this".

[sojinsamuel]

@edwini If you're still having this issue, I had the same and found the reason.

Check your imports and make sure you're actually importing from the DropdownMenu.tsx you created and not the Radix UI.

Turns out VS Code was importing from the wrong place when I used the "fix this".

Worked for me too. thanks @PatrickJoannisse

[LucasJantschChitolina]

@edwini If you're still having this issue, I had the same and found the reason.

Check your imports and make sure you're actually importing from the DropdownMenu.tsx you created and not the Radix UI.

Turns out VS Code was importing from the wrong place when I used the "fix this".

That's it. Thanks @PatrickJoannisse

[edwini]

that was the problem, thanks

[shicham]

for me it was a parent div with a fixed position style, so i change it, and it works for me