search

nextui-org / nextui

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

Confusing positioning of Popovers #3461

Closed preitinger closed 1 month ago

preitinger commented 1 month ago

NextUI Version

2.4.2

Describe the bug

The positioning of Popovers in the demo (placement set to "right") is wrong or at least very very confusing. Depending on the scrolling state the relative position of popovers is sometimes next to the button which triggers the popover, sometimes outside of the visible area, sometimes very low in the visible area... Extremely confusing. If a popover is related to the button that controls it, it should be next to it. Otherwise it should always be in the center of a container. Whatever it is, it should be reproducable. At least in my opinion. But I am completely newbie in NextUI...

Your Example Website or App

No response

Steps to Reproduce the Bug or Issue

Click on a button that makes a popover visible.

Expected behavior

The popover should always be visible without scrolling and always in the same position.

Screenshots or Videos

No response

Operating System Version

Ubuntu

Browser

Chrome

linear[bot] commented 1 month ago

ENG-1133 Confusing positioning of Popovers

wingkwong commented 1 month ago

Similar to https://github.com/nextui-org/nextui/issues/2778. Can you also share your code so that we could have more insights?

awesome-pro commented 1 month ago

@wingkwong I am working on it. And will make PR soon.

awesome-pro commented 1 month ago

@preitinger kindly close this issue solved by #3487

wingkwong commented 1 month ago

Closing - fixed in #3487