twentyhq / twenty

Building a modern alternative to Salesforce, powered by the community.
https://twenty.com
Other
20.31k stars 2.26k forks source link

Dropdown Overlapping Sidebar on Column Header Click in Horizontal Table When Scrolling #8272

Open parmarKaran01 opened 2 weeks ago

parmarKaran01 commented 2 weeks ago

Bug Description

On any table view when the dropdown is expanded, the horizontal scroll is still active and user can scroll horizontally this creates the weird floating dropdown overlapping the first name column and the menu sidebar as well

Attaching the video for the reference

Recording

https://github.com/user-attachments/assets/efff459c-51d3-4f91-a7fb-c06a86f64b75

Steps to recreate

  1. On any table Click the dropdown on any column header and scroll

Desired behavior

Prevent horizontal scroll when a field menu is opened.

FelixMalfait commented 2 weeks ago

Thanks for the report! Also seems like there are other bugs? Menu not loading + plan required ? Do you know why you have that?

parmarKaran01 commented 2 weeks ago

@FelixMalfait its the plan-required page, so had just added the display none property on the payment modal 😅

On Local sharing the video

https://github.com/user-attachments/assets/dc1064a6-6f13-4f8b-9f4a-039d1239d1f9

FelixMalfait commented 2 weeks ago

Haha smart @parmarKaran01 😂 - we'll move to a free plan by end of year

Bonapara commented 2 weeks ago

Thanks @parmarKaran01! We should prevent horizontal scroll when a menu is opened - editing the issue description