New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

No iFrame Scrollbars on iPhones / Touch devices #9

Closed
discotizer opened this Issue Jul 3, 2017 · 4 comments

Comments

2 participants
@discotizer

discotizer commented Jul 3, 2017

There are no iframe scrollbars on iPhones / touch devices, when the iframe content is higher than the dialog.
This fixes the issue, add these lines to class ".ZebraDialog .ZebraDialog_Body":

-webkit-overflow-scrolling: touch;
overflow-y: scroll;

Scrolling="No" or "Yes" is not supported anymore in HTML5.

@stefangabos

This comment has been minimized.

Show comment
Hide comment
@stefangabos

stefangabos Jul 3, 2017

Owner

Can't add overflow-y: scroll; because that would always show the scrollbar. I'll see how can I do some testes on an iPhone and see what I can do about it

Owner

stefangabos commented Jul 3, 2017

Can't add overflow-y: scroll; because that would always show the scrollbar. I'll see how can I do some testes on an iPhone and see what I can do about it

@discotizer

This comment has been minimized.

Show comment
Hide comment
@discotizer

discotizer Jul 3, 2017

Well if you like to see my implementation check out www.dorint.com (further down, click on the "Locations" map).
On Smartphones or small display you'll get a list, which is scrollable.
When you see on larger screens a map of Germany, there are no scrollbars (at least on desktop browsers), although i've added the style mentioned above.

discotizer commented Jul 3, 2017

Well if you like to see my implementation check out www.dorint.com (further down, click on the "Locations" map).
On Smartphones or small display you'll get a list, which is scrollable.
When you see on larger screens a map of Germany, there are no scrollbars (at least on desktop browsers), although i've added the style mentioned above.

stefangabos added a commit that referenced this issue Jul 3, 2017

@stefangabos

This comment has been minimized.

Show comment
Hide comment
@stefangabos

stefangabos Jul 4, 2017

Owner

I tried it on iPhone 6S (via BrowserStack) and it seems to work now. Can you confirm this?

Owner

stefangabos commented Jul 4, 2017

I tried it on iPhone 6S (via BrowserStack) and it seems to work now. Can you confirm this?

@discotizer

This comment has been minimized.

Show comment
Hide comment
@discotizer

discotizer Jul 5, 2017

Yes, it works. Thanks!

discotizer commented Jul 5, 2017

Yes, it works. Thanks!

@stefangabos stefangabos closed this Jul 5, 2017

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment