iFrame Scroll Bug


#1

Hi all,

Most probably this bug isn’t related directly to ionic, but I think here’s the best place to look for help.

I have a view loaded inside <ng-view></ng-view> the view is consisted with multiple cards using ng-repeat. Each card contains a youtube video using the html5 iframe method.

Right now scrolling up and down works perfect if I am dragging up/down on the content but when I try to scroll from the iframe most probably it try to scroll inside the iFrame itself not in the container.

Any suggestions how to work around this?


#2

Hey @jonathan_hindi. I’ll need to play with this. For now I made an issue: https://github.com/driftyco/ionic/issues/306

I forget, but is it possible to use the HTML5 video with a youtube embed, without the iframe?


#3

Hi @max, Thanks for creating the issue :), I think using a <video> tag with youtube is somehow possible but it’s hacky and against youtube terms of use.

I will check it again, and I will keep updated here or on the github issue.

Thanks


#4

Hi!
Will you think about implementing some solution for this?


#5

Seems to be some confusion. Issue 306 talks about having trouble with multiple iframes on a page. But I cannot get scrolling to work on the content WITHIN a single iframe on a page. And I am not doing video. Just bringing in an external page.

Is this a known issue that is being worked on?


#6

Having a similar problem, trying to load a page in an iframe but the contents of the iframe I can’t scroll.


#7

Was this ever resolved? I’ve just run into the same issue. Can’t scroll when scroll originates on top of an iframe.


#8

See latest comment(s) in [#1151][https://github.com/driftyco/ionic/issues/1151].