iFrames or similar compatible with iOS?

Question

Level 1

41 points

iFrames or similar compatible with iOS?

Hi all.

I'm creating my own website and I inserted some kind of iFrames on it to show specific data.

The problem is that the content can't be scrolled on the iPhone or iPad since iOS 4.2.1 but works perfectly on desktop browsers.

You can try this test page to see how it doesn't work on Mobile Safari:

http://www.DavidPratsJuan.com/ONLINE

I don't know why. Can you help me?

I've discovered that Text boxes or Tables into divs can be scrolled without problems using two fingers on iPhones or iPads. But not iFrames or Embed HMTL as Objects.

It's strange, because I could scroll Embed HTML objects (not iFrames) with two fingers since iOS 4.2.1 update, but since this new version the two fingers scroll for this items is broken.

I don't know Java script and I use iWeb to create my site, so I only can add some HTML code as widget into my pages.

Posted on May 24, 2011 4:51 AM

Reply

Answer 1

Wyodor

Level 6

19,930 points

May 24, 2011 5:53 AM in response to ChoPraTs

Based on this page, it appears that it is broken in MobileSafari.

Other reportsmention the same problem.

It means you'll have to find an alternative.

I use the <iframe> HTML element also, but I designed it so the pages do not scroll :

http://www.wyodor.net/iFrame/

Perhaps you can do the same. It's webdesign. Sometimes you'll have to find alternatives.

Note that the HTML Snippet is an <iframe> itself.

Reply

Answer 2

ChoPraTs Author

Level 1

41 points

May 25, 2011 2:30 AM in response to Wyodor

Thanks.

Yes, I'm searching an alternative. But the problem is that I don't know CSS, Java or Ajax. I'm building my entire site using iWeb and I can only insert few simple HTML codes.

Anyway, I don't know if Apple wants to activate again two finger scroll technique for embed HTML objects, because as I have said before, it worked until 4.2.1 iOS update. Why is disabled?

I'm not sure if the disable of this technique is a bug on new Safari Mobile versions or if is a decision from Apple to solve any other problem.

In any case, I've modified the TEST site to alert other developers and clarify which type of content can be scrollable and which not:

http://www.DavidPratsJuan.com/ONLINE

Reply

Answer 3

Wyodor

Level 6

19,930 points

May 25, 2011 2:47 AM in response to ChoPraTs

Note :

There shouldn't be px in the size attributes : WIDTH="920px" should be width="920"

And use lowercase for the code.

And send feedback (choose one or more) : http://www.apple.com/feedback/

Reply

Answer 4

ChoPraTs Author

Level 1

41 points

May 25, 2011 2:59 AM in response to Wyodor

Thanks for the note. I've corrected the code, but there's no change on iPhone view.

I sent feedback to Apple many months ago, everytime they publish a new iOS update with the same problem, but of course, I haven't received response.

Yesterday, I also used Apple Bug Reporter to submit a ticket and hope that Apple solve this in iOS 5.

Reply