StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PORemove form assistant from keyboard in iPhone standalone web app
text
Body
copied!<p>Is it possible to remove the form assistant from the iPhone popup keyboard in a standalone web app? I know the general consensus is that it's not possible in Mobile Safari, but a standalone app runs in a <code>UIWebView</code>, and functions differently in several ways (<a href="http://www.mobilexweb.com/blog/apple-phonegap-html5-nitro" rel="noreferrer">example</a>), so I'm hoping this might be possible.</p> <p>You can see it here right above the keyboard:</p> <p><img src="https://i.stack.imgur.com/Uz2Ly.png" alt="enter image description here"></p> <p>The Previous and Next buttons cycle between <code><form></code> inputs. But I have a single <code><input></code> element, so they are disabled. The Done button hides the keyboard, but since I have a height-flexible <code><ul></code> (that takes up the space between the keyboard and the <code><input></code>), and I have nothing else on this page, it serves no purpose.</p> <p>On a tiny screen, and with almost half the screen taken up by the keyboard, the 44 pixels that make up this toolbar are a huge waste of space (an entire <code><li></code>'s worth).</p> <p>Native iOS apps <em>can</em> remove it, so I know it's at least possible on the phone, I've just not discovered a way to do it in a web app. This is from the Facebook app and the page is very similar to mine:</p> <p><img src="https://i.stack.imgur.com/yWuXb.png" alt="enter image description here"></p> <p>I've tried using an <code><input></code> not wrapped in a <code><form></code> and also using a <code>contenteditable</code> <code><div></code>, but the results were the same. There are several custom <code>-webkit-</code> styles to control various aspects of the web app interface, but they are poorly documented, and a search turned up nothing on this.</p> <p>Any way to remove the form assistant in a web app?</p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload