Opened Lightbox with many Content isn't scrollable on iOS Safari Browser

2 posts, 0 answers
  1. Roland Klug
    Roland Klug avatar
    28 posts
    Member since:
    Dec 2002

    Posted 03 May 2017 Link to this post

    Hello,

    I used the lightbox to show a list of data when the user is clicking on a information button. Everything is working as expected. But then on the mobile test of the feature i get to know that something is wrong with the scrolling feature on iOS Safari browser.

    So there is a scrollable Content inside the lightbox but when you scroll by touching the glass of phone only the background is scrolling, not the content of the lightbox. On each other platform the Dom working like I expect the modal dialog.

    I worked around with the z-indexes of the controls, but no setting get my issue to work. So I tested the issue on the demo site of telerik lightbox (http://demos.telerik.com/aspnet-ajax/lightbox/examples/overview/defaultcs.aspx) and have the same problem.

    Is there any workaround to fix this scrolling problem?

    Best Wishes

    Roland Klug

     

     

  2. Rumen
    Admin
    Rumen avatar
    14010 posts

    Posted 05 May 2017 Link to this post

    Hi Roland,

    Can you try the solution provided at https://github.com/twbs/bootstrap/issues/7501, i.e. set position fixed to the body element: $('body').css('position','fixed');?

    Best regards,
    Rumen
    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