[DropdownMenu]: Style applied to the body[data-scroll-locked] messes up position: sticky on the child elements

[arpitdalal]

Opening the Radix DropdownMenu makes a div with position: sticky; relative again for some reason. I wasn't able to reproduce this, so probably it's not a bug. But I am lost, where would the problem lie?

If I override the overflow: hidden behavior on body, then it works fine.

Screen.Recording.2024-05-02.at.9.24.06.AM.mov

[sasicodes]

+1

[lorekadam]

Hi, on the DropdownRoot try to set a modal={false} prop. It should help :)