Set textbox focus in mobile safari

Question

Hey, I was wondering how to set the focus to a text box in Mobile Safari.

I've tried document.myForm.myTextArea.focus() which works in regular Safari, but it does not seem to work in Mobile Safari.

To clarify, I want to set focus to a text box as soon as the user loads a page, and have the iPhone keyboard pop up.

score 5 · Accepted Answer · answered Mar 08 '10 at 00:00

5

Just found this previous post stating this is a bug in webkit. Sorry for not doing a more thorough search.

http://discussion.forum.nokia.com/forum/showthread.php?t=127724

answered Mar 08 '10 at 00:00

Morgan

1,765
2
19
26

1

Http/1.1 Service Unavailable – Can Aksoy May 20 '15 at 21:09

cdmckay · Answer 2 · 2010-06-01T07:34:11.537

4

I found a bug report with the iUI project relating to this.

It seems that a focus() call will not work if called from the onload event or if called via a timer.

http://code.google.com/p/iui/issues/detail?id=129

Update: Although I have no source for this, I am told (by people who have tried it) that in iPhone OS 4 the problem with focus() and onload should be fixed.

edited Jun 01 '10 at 07:34

answered May 31 '10 at 15:59

cdmckay

31,832
25
83
114

1

Doesn't seem to be the case in iOS 4... Can others confirm? – Chris Lloyd Jun 30 '10 at 07:37
4

Yes, the problem persists in iOS 4. – gregsabo Jul 15 '10 at 22:08
Problem is still here in iOS 4.3.2 – Klaus Sep 22 '11 at 08:19
Some frameworks, e.g. SproutCore, use a setTimeout based run-loop, within which focus() don't work on iOS. – sandstrom Mar 28 '12 at 11:04

score 1 · Answer 3 · answered Jun 01 '11 at 19:31

Nothing to do with the timer, focus() doesnt work at all... im doing mine through an AJAX function. i guess my web application will have to suffer in mobile safari.

Bye the way, this also affects HP webOS devices and any other device using mobile safari

Set textbox focus in mobile safari

3 Answers3

Linked