Expand my Community achievements bar.

Submissions are now open for the 2026 Adobe Experience Maker Awards.

Mark Solution

This conversation has been locked due to inactivity. Please create a new post.

SOLVED

Dropdown opens upward in page properties and the first item is not visible

Avatar

Level 2

When the  desktop vertical display is shorter (100%) Dropdown opens upward in page properties and the first item is not visible .

1 Accepted Solution

Avatar

Correct answer by
Community Advisor

Yes, you need to write a custom javascript to change the native browser behaviour 

https://stackoverflow.com/questions/55964910/how-to-force-select-dropdown-to-expand-downwards 

Arun Patidar

AEM LinksLinkedIn

View solution in original post

3 Replies

Avatar

Community Advisor

Hi,

Here are some common scenarios where a dropdown might open upward:

  1. Limited Space: If the space below the dropdown is limited, for example, when it's near the bottom of the webpage or inside a container with restricted height, the browser may choose to open the dropdown upward to ensure all the options are visible.

  2. Viewport Considerations: Browsers are designed to make web content accessible and user-friendly. If the dropdown's default downward opening position would cause it to extend beyond the viewport's lower boundary, it may open upward instead to keep all options in view.

  3. Dropdown Alignment: Dropdowns can be aligned to open in different directions (upward or downward) based on the available space and the browser's default behavior.

Arun Patidar

AEM LinksLinkedIn

Avatar

Level 2

Hi,

Is there any way we can fix it?

Avatar

Correct answer by
Community Advisor

Yes, you need to write a custom javascript to change the native browser behaviour 

https://stackoverflow.com/questions/55964910/how-to-force-select-dropdown-to-expand-downwards 

Arun Patidar

AEM LinksLinkedIn