Prevent Horizontal Scroll Bar

3 posts, 0 answers
  1. Nathan
    Nathan avatar
    37 posts
    Member since:
    Sep 2011

    Posted 04 Jun 2013 Link to this post

    Is there a way to prevent the Horizontal Scroll Bar appearing in a dropdownlist.  (while keeping the vertical scrolling)

    Many people would be happy for horizontal overflow to be hidden on a drop-down list.

    The catch is you can't keep making the drop-down portion of a dropdownlist wider as if it's wider than the container div the control wraps to the next line and messes up the layout.
  2. Iliana Nikolova
    Iliana Nikolova avatar
    2570 posts

    Posted 06 Jun 2013 Link to this post

    Hello Nathan,

    You could achieve the desired outcome using custom CSS. As an example: 
    .k-list-container ul li.k-item{
        white-space: nowrap;
        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!
  3. Juan Pablo
    Juan Pablo avatar
    1 posts
    Member since:
    Oct 2013

    Posted 24 Oct 2013 Link to this post

    For me the proposed css fix hasn't worked. I had to use

    .k-list-container ul {
        overflow: hidden!important;
Back to Top