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

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

  • September 22, 2023
  • 1 respuesta
  • 1316 visualizaciones

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

Este tema ha sido cerrado para respuestas.
Mejor respuesta de 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 respuesta

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

Hi,

Is there any way we can fix it?

arunpatidar
Community Advisor
arunpatidarCommunity AdvisorRespuesta
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