Skip to content
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

Adapt content does not scroll in iOS iFrames #751

Closed
darloboy101 opened this issue Sep 30, 2015 · 2 comments
Closed

Adapt content does not scroll in iOS iFrames #751

darloboy101 opened this issue Sep 30, 2015 · 2 comments

Comments

@darloboy101
Copy link

Adapt 2.0 content (using the Vanilla theme) does not scroll or behave responsively within an iFrame on an iOS device.

It is well-established that iOS is fussy in its handling of scrolling content within iFrames. The standard advice is to apply something like the following to the html and body elements which are to appear within the iFrame (e.g. http://davidwalsh.name/scroll-iframes-ios)

html {
height: 100% !important;
-webkit-overflow-scrolling: touch !important;
overflow-y: scroll !important;
}
body {
overflow-y: scroll !important;
height: 100% !important;
}

As currently set-up, applying these styles to Adapt (with or without the height:100%) breaks more than it fixes (e.g. large amounts of scrollable white space are introduced across all devices). Testing with and without trickle, the effect is the same.

@LukaszGrela
Copy link
Contributor

This is similar to this issue: #585

@moloko
Copy link
Contributor

moloko commented Jan 17, 2019

this should be resolved with the new _scrollingContainer configuration in Adapt v4

@moloko moloko closed this as completed Jan 17, 2019
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants