Feature Request Description
Currently, the UI5 Select and ComboBox have no built-in property for controlling the dropdown list alignment (left or right).
The dropdown list is always placed left-aligned below the select or input field.
Usually, the size of input field and dropdown list is the same so placement looks fine.
For small screen sizes, or if the dropdown list is bigger than the input field, it is still aligned left below the select and shifted horizontally if it doesn't fit in the available screen space.
This placement might look a bit odd.
Proposed Solution
Similar to the vertical placement of the dropdown list (if there isn't enough space at the bottom, it opens upwards) handle the horizontal alignment: A dropdown list that cannot be displayed left-aligned below the selection field because it doesn't fit in the available screen space, should open right-aligned to the selection field.
This is the typical, "native" behavior for dropdown lists - if there is not enough space in one direction, open it in the opposite direction.
Proposed Alternatives
Alternatively, offer a built-in property for controlling the horizontal alignment of the dropdown list for Select and ComboBox controls. Useful if placed on the right side of the screen.
(Maybe similar to the menu component which has a horizontalAlign property — and allows to change it from the default "Start" to "End", "Center", or "Stretch".)
Organization
Signavio
Additional Context
No response
Priority
Low
Privacy Policy
Feature Request Description
Currently, the UI5 Select and ComboBox have no built-in property for controlling the dropdown list alignment (left or right).
The dropdown list is always placed left-aligned below the select or input field.
Usually, the size of input field and dropdown list is the same so placement looks fine.
For small screen sizes, or if the dropdown list is bigger than the input field, it is still aligned left below the select and shifted horizontally if it doesn't fit in the available screen space.
This placement might look a bit odd.
Proposed Solution
Similar to the vertical placement of the dropdown list (if there isn't enough space at the bottom, it opens upwards) handle the horizontal alignment: A dropdown list that cannot be displayed left-aligned below the selection field because it doesn't fit in the available screen space, should open right-aligned to the selection field.
This is the typical, "native" behavior for dropdown lists - if there is not enough space in one direction, open it in the opposite direction.
Proposed Alternatives
Alternatively, offer a built-in property for controlling the horizontal alignment of the dropdown list for Select and ComboBox controls. Useful if placed on the right side of the screen.
(Maybe similar to the menu component which has a horizontalAlign property — and allows to change it from the default "Start" to "End", "Center", or "Stretch".)
Organization
Signavio
Additional Context
No response
Priority
Low
Privacy Policy