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

Scrolling Kendo Window scrolls background window when end reached

5 Answers 339 Views
Window
This is a migrated thread and some comments may be shown as answers.
Jesse
Top achievements
Rank 1
Jesse asked on 07 Mar 2014, 05:34 PM
Is there a way to disable this functionality?  I want the window to remain non-modal.  I saw this post (http://www.telerik.com/forums/kendo-ui-window-disable-background-scrolling) that suggested hiding the background scroll while the window is open, but that doens't look great to the user.

I was hoping to find something that would let me just limit the scrolling to the window and not have the event bubble up.

5 Answers, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 10 Mar 2014, 12:17 PM
Hi Jesse,

I am not aware of any other possible solutions, other than the one you have already mentioned. There are some suggestions about preventing mouse wheel event bubbling available online, which do not seem to work.

Regards,
Dimo
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Kevin F
Top achievements
Rank 1
answered on 13 Apr 2017, 08:29 PM

I'm having this same problem with the iPad.  I have a modal, iframe kendoWindow.  It works fine on android and PC devices with every browser I tried (including PC Safari).  But Safari on the iPad wants to scroll the main window instead of the kendoWindow.

Any suggestions?  Hoping since this post is 3 years old there is a solution.  I'm running the latest kendo version.

0
Veselin Tsvetanov
Telerik team
answered on 17 Apr 2017, 11:27 AM
Hi Kevin,

The above discussed issue could be observed, when the end of the scrollable area of the Window is reached. Until that point, the scroll within the Window should work as expected.

Is this your case? If it is not and you could not scroll the Window at all, can you reproduce the issue on the following Dojo sample? I have tested the above on iPad with iOS 9.3.5 and on iPhone 6 with iOS 10.2, both running Safari and the demo behaves as described above.

If you face the described issue, the suggested workaround is still a viable option for this case.

Regards,
Veselin Tsvetanov
Telerik by Progress
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.
0
Kevin F
Top achievements
Rank 1
answered on 17 Apr 2017, 07:38 PM

Thank you!  This is a pretty old application (regarding styling) and there were a few items with some non-responsive widths.  Once I was able to get the popup to stay in the bounds of the main window, I added the overflow change and all appears to be working well as needed on the iPad.

Again - thank you very much!

Kevin

0
Veselin Tsvetanov
Telerik team
answered on 19 Apr 2017, 11:10 AM
Hello Kevin,

Thank you for getting back to us. I am really happy to learn, that you have resolved the issue faced.

Regards,
Veselin Tsvetanov
Telerik by Progress
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
Window
Asked by
Jesse
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Kevin F
Top achievements
Rank 1
Veselin Tsvetanov
Telerik team
Share this question
or