Attach the dropdown to the input element while scrolling within a scrollable container

1 posts, 0 answers
  1. Telerik Admin
    Telerik Admin avatar
    1679 posts
    Member since:
    Oct 2004

    Posted 25 Oct 2013 Link to this post


    RadControls version 2013.3.1015
    .NET version 4.0
    Visual Studio version 2012
    programming language C#
    browser support

    all browsers supported by RadControls


    This project shows how you can overcome the following issue with our RadComboBox control : when the RadComboBox control is placed within a scrollable container and user tries to scroll with the mouse and the drop down is opened, the drop down element "freezes" and stays on same spot on the screen while all other elements scroll with the page.

    * Please note that for sample purposes the scrollable container has fixed height and padding value. The scenario is a bit extended  so the drop down is closed either when the RadComboBox reaches the upper or bottom part of the container. This functionality is achieved with some client-side calculations explained with few comments in the code. Please NOTE that those calculations would work as expected only if the scrollable container has position relative.
    <style type="text/css">
            .scrollabeContainer {
                position: relative;

Back to Top