search

nextui-org / nextui

🚀 Beautiful, fast and modern React UI library.
https://nextui.org
MIT License
21.97k stars 1.54k forks source link

[BUG] - listbox (select and autocomplete) not scrolling within modal / popup #2065

Open Nichtmetall opened 11 months ago

Nichtmetall commented 11 months ago

NextUI Version

2.2.9

Describe the bug

When I add an autocomplete component to a modal, open it and scroll within the modal, the list stays in place. However, it moves when you scroll the whole page. It seems to me that the listbox / popup is bound to the body and not to the modal. Maybe you know a workaround or a concrete solution.

Your Example Website or App

https://codesandbox.io/p/devbox/frosty-cori-cd2l6x?utm_medium=sandpack&file=%2FApp.tsx%3A12%2C9

Steps to Reproduce the Bug or Issue

  1. Open modal
  2. Open autocomplete or select
  3. Scroll within the modal

Expected behavior

I expected the list to move with the scrolling inside the modal.

Screenshots or Videos

No response

Operating System Version

macOS

Browser

Chrome

austindrysdale commented 9 months ago

Was there ever a solution for this? Seems to happen also if autocomplete component isn't in a modal.

Nichtmetall commented 8 months ago

I don't know...