Dropdown opens upward in page properties and the first item is not visible | Community
Skip to main content
New Participant
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
New Participant
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
New Participant
September 22, 2023

Hi,

Is there any way we can fix it?

arunpatidar
arunpatidarAccepted solution
New Participant
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