-
Notifications
You must be signed in to change notification settings - Fork 1.1k
[DropdownMenu]: scroll jump issue #2331
Copy link
Copy link
Closed
Labels
Description
Bug report
Current Behavior
If the DropdownMenu is located within a parent container that has the transform property (regardless of the specific value), when the menu is opened, the scroll position jumps to the beginning of the page, and the menu remains off-screen.
Screen.Recording.2023-08-10.at.01.14.14.mov
Expected behavior
Regardless of the parent's properties, the menu should function correctly
Screen.Recording.2023-08-10.at.01.23.20.mov
Reproducible example
Additional context
The issue persists even with modal={true}, which should prevent scrolling. The scroll still jumps to the beginning of the page and then becomes locked.
<DropdownMenu.Portal/> hides the issue, but I don't think it's appropriate to consider this as a solution. I believe the menu should function correctly even without a portal.
relates to: #1688
Your environment
| Software | Name(s) | Version |
|---|---|---|
| Radix Package(s) | "@radix-ui/react-dropdown-menu": | "^2.0.5", |
| React | n/a | |
| Browser | ||
| Assistive tech | ||
| Node | n/a | |
| npm/yarn | ||
| Operating System |
Reactions are currently unavailable