mobile-safari

How can I get jQuery UI's Draggable and Sortable functions to work on the iPhone?

I have a page that uses JQuery UI; in particular the Sortable interaction. The page works fine for desktop web browsers with mice, however I can't get the drag-drop functionality to work on Mobile Safari on the iPhone. Any dragging action simply scrolls the page. The functionality on my page is extremely similar to the Sortable Empty-...

How do i view the local database version in safari on the iphone?

I am trying to see the localDatabase version from my iPhone in safari but it is not displaying, according to the docs i am supposed to be able to do this: var db = openDatabase('dbShortName', '', 'dbLongName', 1000); alert(db.version); and it should alert the current version number. It does not. It works in Chrome and safari for the d...

How large is the usable area in iPad Safari

I'm developing a web app for the iPad, to run in Safari. I don't yet have an iPad to test on. Does anyone know the usable screen size - after any space for the safari/ipad controls is takes up? ...

How can I remove the border style from a text input on mobile safari?

If I have a normal input element it will show a rounded border with what appears to be an inset shadow. Any ideas how I can remove this shadow? ...

Mobile Safari 5mb HTML5 application cache limit?

It's becoming evident in my testing that there's a 5mb size limit on Mobile Safari's implementation of HTML5's application cache. Does anyone know how to circumvent or raise this? Is there some unexposed meta tag that I should know about? I have to cache some video content for an offline app and 5mb is not going to be enough. ...

jQuery scroll on Mobile Safari

I'm developing and website and I need it to scroll to an anchor. It needs to be animated, so I decided to use jQuery for that. I tried this: function goToByScroll(id){ $('html,body').animate({scrollTop: $("#"+id).offset().top},'slow'); } It works perfectly on the desktop. On Mobile Safari it first goes to the top of the page, th...

setInterval pauses in Android Browser / Mobile Safari when screen times out

I've built a simple JavaScript-based timer for a mobile webapp; for the sake of example: var a = 0; setInterval(function() { console.log('a', a); a++; }, 1000); This runs just fine in both Mobile Safari and Android Browser. It will log to console every second and increment the value of a accordingly. (Okay, Android Browser doe...

Turn off iPhone/Safari input element rounding

My website renders well on the iPhone/Safari browser, with one exception: My text input fields have a weird rounded style which doesn't look good at all with the rest of my website. Is there a way to instruct Safari (via CSS or metadata) not to round the input fields and render them rectangular as intended? ...

Safari on iPhone: CSS Positioning off by 1px

Safari on the iPhone renders my {position: relative; top: 80px;} div 1px too low (all other browsers work fine) - is there any way to fix this via conditional css? ...

How does Twitter for iPhone bookmarklet work?

Twitter client (formerly Tweetie) allows you to define a bookmarklet in Safari that launches the app. I want to know which iPhone API allows you to register the protocol specifier (or whatever it's called) - in this case "tweetie:" - in order for this bookmarklet to work. The instructions can be found here and the bookmarklet itself is ...

iPhone Mobile Safari, How many max parallel http connections?

I would like to use parallel AJAX HTTP requests with iPhone Mobile Safari (OS4). What is the max number of parallel connections? ...

Scrolling to selected element while typing on iphone safari virtual keyboard

I am building an iphone webapp and have a page with an input field. I'd like the field to scroll up to just above the virtual keyboard when it shows up. I've tried putting a scrollTo(x,y) on the input focus event (i.e. just before the keyboard shows up), but when I start typing the page scrolls up again (presumably based on the default m...

Is it possible to programmatically change the default search engine for the Iphone?

We want to build a webpage that requests permissions from an iphone user to change their default search provider. Is this possible with through mobile safari? ...

Turn off grey box when mousedown in Mobile Safari

On Mobile Safari, when you click on an element it gets a grey box around it between mousedown and mouseup. How do you turn this off? ...

iPhone Safari CSS rotation bug

I have a small mobile phone app that is acting strangely on the iPhone/Mobile Safari. The page renders and works great when it's orientation is vertical. When I rotate the phone horizontally some, but not all elements on the page resize correctly. Some header elements will stay nearly their same size, maybe increasing by 10%, others will...

How can I test how my websites render on Mobile Safari without buying an iPhone?

All the "emulators" I've found via google are simply a skin on top of Safari desktop or use your OS's default browser :( I borrowed my friends iPhone and noticed the CSS for a pure CSS drop-down menu doesn't render properly and you can't click the links, yet it renders properly on Safari desktop and every other browser even Internet Expl...

Mobile Safari - Input field submit button

Hi, I notice when you go to google.com for example, the input field keyboard has a "submit" button as opposed to the original "return" button. How do I turn on that feature? I tried type=search but I still see the return button. Thanks, Tee ...

iPhone/iPad HTML5 Canvas fillText problem

I'm having strange issues with text on a canvas when using an iPhone or iPad. Either the text gets drawn properly (rarely), or it gets drawn upside down, or it doens't get drawn at all. When the text does manage to get drawn, it is wiped when the iPhone/Pad is rotated. I have the following code. It seems that I can only get the text to ...

Determine if user navigated from mobile Safari

I have an app, and I'd like to redirect the users to different pages based on where they are navigating from. If navigating from web clip, do not redirect. If navigating from mobile Safari, redirect to safari.aspx. If navigating from anywhere else, redirect to unavailable.aspx I was able to use http://stackoverflow.com/questions/273876...

Rendering borders bug in Safari mobile

Hi, I am having strange rendered borders on elements that have no borders at all in Safari Mobile? Any idea on what can cause the problem? I was not able to find a solution. Thanks in advance for your help. ...