Scrolling Kendo Window scrolls background window when end reached

6 posts, 0 answers
  1. Jesse
    Jesse avatar
    6 posts
    Member since:
    May 2010

    Posted 07 Mar 2014 Link to this post

    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.
  2. Dimo
    Admin
    Dimo avatar
    8401 posts

    Posted 10 Mar 2014 Link to this post

    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!
  3. Kevin F
    Kevin F avatar
    50 posts
    Member since:
    Sep 2009

    Posted 13 Apr Link to this post

    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.

  4. Veselin Tsvetanov
    Admin
    Veselin Tsvetanov avatar
    548 posts

    Posted 17 Apr Link to this post

    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.
  5. Kevin F
    Kevin F avatar
    50 posts
    Member since:
    Sep 2009

    Posted 17 Apr in reply to Veselin Tsvetanov Link to this post

    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

  6. Veselin Tsvetanov
    Admin
    Veselin Tsvetanov avatar
    548 posts

    Posted 19 Apr Link to this post

    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.
Back to Top