Expand my Community achievements bar.

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

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

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