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

When another web page is loaded in an iframe is it touch / swipe capable for scrolling? #77

Closed
SavaTom opened this issue Aug 26, 2014 · 12 comments

Comments

@SavaTom
Copy link

SavaTom commented Aug 26, 2014

No description provided.

@marcandre
Copy link
Collaborator

Sorry, I don't understand what you're asking at all.

@SavaTom
Copy link
Author

SavaTom commented Aug 26, 2014

featherlight.js has iframe capabilities. When you use the featherlight.js to load another webpage within a featherlight.js iframe on a mobile device can you use your finger to touch/swipe/scroll the web page that is in the featherlight.js iframe?

@marcandre
Copy link
Collaborator

Did you try it? AFAIK, any iframe loaded will have that capability and there's nothing special featherlight has to do.

@keithslater
Copy link

keithslater commented Sep 6, 2016

In case anyone else is looking for the answer - it doesn't. It scrolls the parent page behind it.

@kenderson
Copy link

I am having the same issue here. Scrolls and works great on a desktop, but scrolling/swiping doesnt seem to work on a mobile device.

@marcandre marcandre reopened this Oct 9, 2016
@marcandre
Copy link
Collaborator

Anyone knows how to address this?

@leowski
Copy link

leowski commented Nov 9, 2016

I have the same issue here. It's impossible to scroll in the Iframe with a mobile device

@VanDerLars
Copy link

same here

@marcandre
Copy link
Collaborator

I'm very sorry I don't have time/need to investigate this but hopefully someone will come up with a good solution to this?

@jphilung
Copy link
Contributor

jphilung commented Dec 15, 2016

The problem lies with how iOS Safari handles overflow on scroll. Safari iOS requires the following CSS:

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

https://css-tricks.com/forums/topic/scrolling-iframe-on-ipad/
https://davidwalsh.name/scroll-iframes-ios

@marcandre
Copy link
Collaborator

Sounds great @jphilung , do you have a second or two to create a PR?

@marcandre
Copy link
Collaborator

Released in 1.7.0. Many thanks to @jphilung

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

7 participants