Ipad - keyboard opened on focusing textfield in iframe closes when we touch ipad

JavaScript
1

Hi Everyone,

I have strange problem with ipad - iframe textfield.

I have a iframe poinitng to google.com. And i defined document or body or parent level events on the html page. Now when i click google search textfield on ipad, keyboard is launched.After that if i touch anywhere on ipad to scroll webpage keyboard closes. Please find the html file with extension txt in attachments - sample.html.

    <html>
    <head>

    </head>
    <body>
    <iframe src="http://google.com
    " width="700" height="700" scrolling="yes">

    </iframe>
    </body>
    <script type="text/javascript">
    function onF()
    {
    console.log('focus');
    }
    function onB()
    {
    console.log('blur');
    }
    document.ontouchmove = onF;
    document.ontouchend = onB;
    document.onmouseup = onB;
    </script>
    </html>

Interestingly if i remove document or body or parent level events and try the same scenario - touch anywhere on ipad will not close keyboard and it allows to scroll the web page. - sample1.html

    <html>
    <head>

    </head>
    <body>
    <iframe src="http://google.com
    " width="700" height="700" scrolling="yes">

    </iframe>
    </body>
    <script type="text/javascript">
    function onF()
    {
    console.log('focus');
    }
    function onB()
    {
    console.log('blur');
    }
    </script>
    </html>

Can anyone explain me why it is behaving like this. Or provide a solution to stop keyboard not to close.

Thanks,
Sarath

2

Hi Sarath,

I don’t have an answer for you, but I can certainly say you’re not alone.

http://stackoverflow.com/questions/6175455/ipad-input-in-iframe
http://stackoverflow.com/questions/6876706/text-selection-bug-in-mobile-safari-with-iframes-and-ontouchstart

Have you figured out a resolution? If so, please let me know. Its driving me nuts.

3

i defined document or body or parent level events on the html page. Now when i click google search textfield on ipad, keyboard is launched.After that if i touch anywhere on ipad to scroll webpage keyboard closes. Please find the html file with extension txt in attachments - sample.html.