I know this has been talked about before I've looked at some post but it seems that when I load the sencha js file the focus stops working. Here is a small sample that is only using basic HTML.

A quick test you will see that focus does not work in Mobile Safari.

However removing the sencha-touch.js script focus works as expected when you click on the buttons, this is what desired function.

        <meta charset="UTF-8" />

        <script type="text/javascript" src="sencha-touch.js"></script>

        <input type="text" id="test"><br>
        <button onclick="document.getElementById('test').focus();">focus</button>
        <button onclick="document.getElementById('test').blur();">blur</button>
        <div id="button2container"></div>
        <script type="text/javascript">
        var button = document.createElement('button');
        button.innerHTML = 'focus (dynamic)';
        button.onclick = function() {document.getElementById('test').focus();};

        var button2 = document.createElement('button');
        button2.innerHTML = 'focus (timeout)';
        var focusFn = function() {
        button2.onclick = function() {
            window.setTimeout(focusFn, 1);

How can this be fixed, since it is working without sencha touch js file.

Any ideas?