-
Notifications
You must be signed in to change notification settings - Fork 11.4k
Description
While browsing the landing page/footer, clicking the language selector dropdown results in several options being cut off. Because the selector is positioned at the very bottom of the page and defaults to opening downwards, users cannot see or select languages at the end of the list (e.g., Portuguese, Spanish, Italian) without significant scrolling or UI "fighting."
Video Evidence:
cal.com_language.mp4
Steps to Reproduce:
Navigate to the Cal.com homepage.
Scroll to the footer.
Click on the "Language" dropdown (currently showing "English").
Note that the dropdown expands downwards, disappearing below the browser edge.
Expected Behavior: The dropdown should detect the viewport edge and open upwards (using side="top" or a collision detection strategy) to ensure all language options are visible.
Proposed Solution: Update the Dropdown component in the footer (likely using Radix UI) to include:
side="top"
sideOffset={8}
Ensure the component is wrapped in a Portal to avoid overflow: hidden clipping from parent footer containers.