Autocomplete - Horizonal scroll bar

2 posts, 0 answers
  1. JJ
    JJ avatar
    147 posts
    Member since:
    May 2010

    Posted 30 Oct 2013 Link to this post

    Is there anyway to have autocomplete has a horizonal scroll bar if the text is longer than the width of the Autocomple so it can avoid text wrap.

  2. Iliana Nikolova
    Iliana Nikolova avatar
    2622 posts

    Posted 01 Nov 2013 Link to this post

    Hi J,

    Basically in order to achieve this you should set overflow: auto to the AutoComplete list:

    .k-popup .k-list{
        white-space: nowrap;
        overflow: auto;

    As another option I can suggest trimming the items and display ellipsis:

    .k-popup .k-list .k-item{
        overflow: hidden;
        text-overflow: ellipsis;
    Iliana Nikolova
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top