Don’t miss the AEM Skill Exchange in SF on Nov 14—hear from industry leaders, learn best practices, and enhance your AEM strategy with practical tips.
SOLVED
Dropdown opens upward in page properties and the first item is not visible
1 Accepted Solution
Correct answer by
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
Hi,
Here are some common scenarios where a dropdown might open upward:
-
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.
-
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.
-
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
Correct answer by
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
Related Conversations
