Long popup menu scroll issue with Kendo toolbar

2 posts, 0 answers
  1. Andrii
    Andrii avatar
    2 posts
    Member since:
    Jul 2016

    Posted 12 Sep Link to this post

    Hi, we have a complication with kendo toolbar control. If we have the toolbar which has "buttonGroup" element, and its height above of height rest of the screen and "flip" collision detection, not fire for this case.(it's above of height rest of screen at top)
    In this case, popup menu extends page height and we have shown menu which only partly visible.

    If try to use the scroll to see rest of hidden elements - popup menu closing.

    Question: have we any chance to use scroll without menu closing or simple workaround how to show the popup menu with a full set of items on screen?

    Dojo Sample (open popup menu and try to scroll):
    http://dojo.telerik.com/IRoTO/4
    (FHD screen)
  2. Neli
    Admin
    Neli avatar
    28 posts

    Posted 12 Sep Link to this post

    Hi Andrii,

    It is expected behavior of the widget, when trying to scroll the page the dropdown to close automatically. So, as there was no scroller in the Toolbar button group in the example, each scrolling was considered as an attempt to scroll the page.

    An approach to solve the problem is to set the height of the button container and to set css overflow property to scroll. 
    <style>
    .k-overflow-container .k-overflow-group{
    overflow: scroll;
    height: 200px;
    }
    </style>   

    Here's a modified Dojo example.


    Regards,
    Neli
    Progress Telerik
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top