coreui/coreui-react

StrictMode breaks dropdown positioning

Lartza opened this issue · 3 comments

To easily reproduce, wrap https://github.com/coreui/coreui-free-react-admin-template in StrictMode.
Navigation dropdown renders top left, behind sidebar (minimize sidebar to see it in top left). Any added dropdown also renders in a wrong position.

Windows 11
Happens on both Firefox 112 and Edge 112

Need to add custom css to CDropdownMenu.
<CDropdownMenu style={{ zIndex: 100, top: "100%" }}>

I have the same issue, and style={{ zIndex: 100, top: "100%" }} isn't the best solution to fix that, since a dropdown menu isn't centered.

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions