This is a migrated thread and some comments may be shown as answers.

auto complete dropdown overflow

3 Answers 515 Views
AutoComplete
This is a migrated thread and some comments may be shown as answers.
erwin
Top achievements
Rank 1
Veteran
Iron
erwin asked on 23 Jul 2012, 03:12 PM
Hi, I'm very new to KendoUI and just managed to get my first autocomplete text box working - sort of.
Is it the normal behaviour that if there is a long list of possible selections, the list items just write over the border of the drop-down or what customization am I missing? I would expect the selection list to scroll within the drop down.

Regards
Erwin

3 Answers, 1 is accepted

Sort by
0
erwin
Top achievements
Rank 1
Veteran
Iron
answered on 24 Jul 2012, 10:10 AM
nevermind, had a typo in my code.
0
Scott
Top achievements
Rank 1
answered on 25 May 2016, 02:46 PM

I was looking for the solution for this issue so thought I'd just share here what I figured out.   I had to add this to my page to get the selections to not overflow the autocomplete field.   Set the height to what you want of course.

.k-list-scroller {
            height: 400px;
            overflow-y: scroll;
        }

0
Konstantin Dikov
Telerik team
answered on 30 May 2016, 08:12 AM
Hello Scott,

As you could see in the following dojo example, by default, the popup element of the AutoComplete widget has fixed height of "200px" and overflow set to "auto", which if there are no custom styles that override the default ones, will display correctly the scrolling container:
However, if some of the custom styles are overriding the default styles of the widget, the selector that you are using is the correct one, so this might be useful for others with similar issues.


Best Regards,
Konstantin Dikov
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
AutoComplete
Asked by
erwin
Top achievements
Rank 1
Veteran
Iron
Answers by
erwin
Top achievements
Rank 1
Veteran
Iron
Scott
Top achievements
Rank 1
Konstantin Dikov
Telerik team
Share this question
or