This is a migrated thread and some comments may be shown as answers.

Long popup menu scroll issue with Kendo toolbar

1 Answer 523 Views
Toolbar
This is a migrated thread and some comments may be shown as answers.
Andrii
Top achievements
Rank 1
Andrii asked on 12 Sep 2017, 12:21 PM
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.

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)

1 Answer, 1 is accepted

Sort by
0
Neli
Telerik team
answered on 12 Sep 2017, 02:53 PM
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.
Tags
Toolbar
Asked by
Andrii
Top achievements
Rank 1
Answers by
Neli
Telerik team
Share this question
or