Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Dropdown in dropdown #8911

Merged
merged 1 commit into from
Dec 5, 2024
Merged

Dropdown in dropdown #8911

merged 1 commit into from
Dec 5, 2024

Conversation

guillim
Copy link
Contributor

@guillim guillim commented Dec 5, 2024

Dropdown in dropdown bug
while still fixing scroll issue
fix #8716

@guillim guillim requested a review from bosiraphael December 5, 2024 17:53
@guillim guillim self-assigned this Dec 5, 2024
Copy link
Contributor

@greptile-apps greptile-apps bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

PR Summary

This PR adds scrolling functionality to dropdowns with many items by implementing a ScrollWrapper component, ensuring all items remain accessible when the dropdown content exceeds the maximum height.

  • Added ScrollWrapper import in /packages/twenty-front/src/modules/ui/layout/dropdown/components/DropdownMenuItemsContainer.tsx for scroll management
  • Set fixed maximum height of 188px in StyledDropdownMenuItemsExternalContainer when hasMaxHeight prop is true
  • Implemented overflow scrolling behavior to prevent dropdowns from extending beyond screen boundaries
  • Added conditional rendering logic to handle nested dropdown scenarios

1 file(s) reviewed, 1 comment(s)
Edit PR Review Bot Settings | Greptile

Copy link
Contributor

@bosiraphael bosiraphael left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Good job, LGTM

@guillim guillim merged commit 4623b61 into main Dec 5, 2024
19 checks passed
@guillim guillim deleted the fixes-8716 branch December 5, 2024 18:07
Copy link

github-actions bot commented Dec 5, 2024

Thanks @guillim for your contribution!
This marks your 17th PR on the repo. You're top 2% of all our contributors 🎉
See contributor page - Share on LinkedIn - Share on Twitter

Contributions

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Scroll broken on DropDown listing hidden fields Column
2 participants