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

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

1 Answer 167 Views
LightBox
This is a migrated thread and some comments may be shown as answers.
Roland Klug
Top achievements
Rank 1
Roland Klug asked on 03 May 2017, 09:05 AM

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

 

 

1 Answer, 1 is accepted

Sort by
0
Rumen
Telerik team
answered on 05 May 2017, 04:25 PM
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.
Tags
LightBox
Asked by
Roland Klug
Top achievements
Rank 1
Answers by
Rumen
Telerik team
Share this question
or