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

Question

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.

I thought this might be useful: Apple's guide to preparing web content for the iPad

Just been caught out by the position:fixed issue my self

Safari on iPad has the same issue with button width/padding as on the iPhone

iPhone <button> padding unchangeable? describes this problem and a solution for removing padding on a button with text, but this does not help you if you want a button to be narrower than the padding itself (e.g. for a button that only has a small icon on it). To do that, I had to surround the button with an outer element with a defined width and overflow: hidden like so:

<span style="border: solid 1px blue; display: block; width: 16px; overflow: hidden">
    <button style="-webkit-appearance: none; border-width: 0">&nbsp;</button>
</span>

(the blue border is to show where the button is, it's not critical to the hack)

jQuery's offset() doesn't work: http://bugs.jquery.com/ticket/6446

It also looks like iPad Safari has issues with elements with overflow:auto; that therefore should show scrollbars (test page with div's and iframe's).

iPad Safari seems to have trouble handling background images in rare cases, showing weird lines of lower lying content.

There's not a lot about this in Google (yet).

iPad browser doesnt support file uploading(even if it supports it will useless as iPad does not have a standard File Browser). The file field appears with a Choose File button grayed out.