Menu hidden when overflow

[chk2817]

I have a left side navbar similar to what is on the dash mantine doc website.
in the navbar, i have a list of buttons (the button are fullwidth) and a Menu for each button.
i wanted to position the menu on the right side. The menu in not visible or partially visible because it goes over the parent container area (i assume). the z-index does not solve the rendering issue.

sometime app would also become non-responsive as a result.

i have looked that the Mantine doc website, at least when you change the left position of the menu (using google page source), it appears to render properly.

Not sure what happens then.

[chk2817]

found the issue. it is to do with the scrollarea in the navbar. css overflow was hidden, when changed to visible, drawing of the menu is as expected.