I’m having a problem with a Dropdown component that I have placed within a Navbar. I would like the component to deploy when clicked a list whose position is absolute. When using the desktop size, the Dropdown works fine, but when resizing to tablet and below, the behavior of the list is the same as the Navbar dropdown menu, i.e. the position of the emerging list is static, not absolute.
I have tried to override the behavior by adding a class to the dropdown list element and forcing its position to be absolute for all sizes, but it does not work.
Is this the actual behavior of the Dropdown component when put on a Navbar? Is it possible to override the dropdown’s default behavior?
Here is my public share link: LINK