two vertical scrollbars

2 posts, 0 answers
  1. miksh
    miksh avatar
    285 posts
    Member since:
    Nov 2006

    Posted 13 May 2014 Link to this post

    When using combobox with RenderMode="Lightweight" and DropDownAutoWidth="Enabled" it renders two vertical scrollbars.

    E.g. see attached image for the code below (data source is Dictionary<string,string>)
    <telerik:RadComboBox ID="rcbCountry" runat="server"
        AppendDataBoundItems="true"
        DataSourceID="CountriesDataSource" DataTextField="Value" DataValueField="Key"
        Width="100px" DropDownAutoWidth="Enabled"
        RenderMode="Lightweight">
        <Items>
            <telerik:RadComboBoxItem Text="All" />
        </Items>
    </telerik:RadComboBox>
  2.
  3. Aneliya Petkova
    Admin
    Aneliya Petkova avatar
    207 posts

    Posted 14 May 2014 Link to this post

    Hello Michael,

    Thank you for reporting this and providing the code snippet.

    We are aware of the RadComboBox issue with the two scroll-bars when render mode is lightweight and drop down auto width is enabled. It is already logged in our system and we are considering its fix implementation. Here you may find a public item related to this bug so you can vote and track its progress. As a temporary workaround you could use the following css:
    .rcbAutoWidthResizer .rcbScroll {
        overflow: visible !important;
    }
      
    /*To target IE 6, 7 and 8*/
    @media \0screen\,screen\9 {
        .rcbAutoWidthResizer .rcbScroll {
            overflow: auto !important;
        }
    }
      
    /*To target IE 9 and 10*/
    @media screen and (min-width:0\0) {
        .rcbAutoWidthResizer .rcbScroll {
            overflow: auto !important;
        }
    }
    Please let us know if it works for you.

    Regards,
    Aneliya Petkova
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
Back to Top