Skip to content

bug: Footer language selector dropdown is cut off at bottom of page #26096

@dprateek996

Description

@dprateek996

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.

Metadata

Metadata

Assignees

No one assigned

    Labels

    🐛 bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions