Dropdown opens upward in page properties and the first item is not visible | Community
Skip to main content
Level 2
September 22, 2023
Solved

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

  • September 22, 2023
  • 1 reply
  • 1316 views

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

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by arunpatidar

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 

1 reply

arunpatidar
Community Advisor
Community Advisor
September 22, 2023

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
hello299Author
Level 2
September 22, 2023

Hi,

Is there any way we can fix it?

arunpatidar
Community Advisor
arunpatidarCommunity AdvisorAccepted solution
Community Advisor
September 25, 2023

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