Kendo Drop down changes alignment based on height

1 Answer 82 Views
MultiSelect
Korey
Top achievements
Rank 1
Korey asked on 31 Jul 2023, 07:17 PM
Continuation of https://www.telerik.com/forums/drop-down-with-filter-changes-postion-from-above-to-below-when-shortened for JQuery.

If `Align` can be set from popupSettings - the popup list can always open 'top' or 'bottom' instead of changing depending on the height of the dropdown. 

1 Answer, 1 is accepted

Sort by
0
Konstantin Dikov
Telerik team
answered on 01 Aug 2023, 09:37 AM

Hi Korey,

The Popup component has "collision" property that determines how the popup will behave if there isn't enough room for showing it at the default position:

And here is our documentation and example for the alignment and the position of the Popup:

 

Regards,
Konstantin Dikov
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Kendo family, check out our getting started resources!

Korey
Top achievements
Rank 1
commented on 01 Aug 2023, 01:32 PM

This issue is for the data list that appears for multiselect, combobox, etc. components.
The collision property isn't available to set on these components.
Konstantin Dikov
Telerik team
commented on 03 Aug 2023, 09:41 AM

You can modify all Popup properties by using the PopupPropsContext:

Here is an example on how to disable the "collision" property where a scrollbar will appear if the popup is shown. Enabling the collision will change the position of the popup in this scenario:

Please note that the "collision" property is enabled by default for the ComboBox (and all DropDown components).

Tags
MultiSelect
Asked by
Korey
Top achievements
Rank 1
Answers by
Konstantin Dikov
Telerik team
Share this question
or