List of known "Safari on iPad" differences over "Desktop Safari"

scunliffe picture scunliffe · Jun 9, 2010 · Viewed 94k times · Source

In recently testing a web application on Windows/Mac desktop browsers - and then on an iPad I noticed various differences in Safari that I wasn't expecting. even though the version # is the same.

I'd like to compose a list of those differences (for myself and others) to have as a developer reference.

e.g. in Safari on the iPad

  • iPad Safari takes full control of Select list/option styling
  • iPad opens the onscreen keyboard when an input element receives focus, thus inline floating calendar widgets (and the like) may not work as expected (or need to be altered)
  • iPad Safari doesn't support position:fixed like desktop Safari < iOS 5
  • iPad Safari (similar to iPhone/iPodTouch Safari) automatically hyperlinks 10 digit numbers to offer phone #/contact options
  • iPad Safari prompt('long message...','default'); shows only 1 line of the message (though it does provide scrolling of the message

I've heard from others that certain JavaScript doesn't work, etc. etc. but I have yet to fully test it thus I'd be grateful for any discoveries that you may have encountered.

Answer

Michael Mullany picture Michael Mullany · Jul 10, 2010

A few more for you:

  1. No Flash
  2. Lousy iFrame support (so facebook like etc. needs a custom implementation for iPad)
  3. Weird caching limitations
  4. HTML textAreas doesn't get a scroll bar (you have to double-finger swipe - which of course, is amazingly intuitive)

In general. Treat it like a scaled up iPhone, not a scaled down Desktop.