auto complete dropdown overflow

4 posts, 0 answers
  1. erwin
    erwin avatar
    381 posts
    Member since:
    Dec 2006

    Posted 23 Jul 2012 Link to this post

    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.

  2. erwin
    erwin avatar
    381 posts
    Member since:
    Dec 2006

    Posted 24 Jul 2012 Link to this post

    nevermind, had a typo in my code.
  3. Scott
    Scott avatar
    1 posts
    Member since:
    Nov 2015

    Posted 25 May 2016 in reply to erwin Link to this post

    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;

  4. Konstantin Dikov
    Konstantin Dikov avatar
    2087 posts

    Posted 30 May 2016 Link to this post

    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
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top