Modal dialog button does not work in IE10 if some control has focus outside of the screen

Modal dialog button does not work in IE10 if some control has focus outside of the screen

Some bug with button in IE10 (Last versions of JQ and JQUI) - if some control on the modal dialog has focus outside of the screen, button does not work - instead dialog scrolls to that control and removes the focus. After that the button works (Until you set the focus again). How to avoid this?

  1. <html>
    <link rel="stylesheet" href="Plugins/ui/jquery-ui.min.css">
    <script src="Plugins/jquery-1.11.1.min.js"></script>
    <script src="Plugins/ui/jquery-ui.min.js"></script>
    <script type="text/javascript" language="javascript">
    $(function() {
      $('#dialog').dialog({
        buttons: { "One": function() { alert('1'); }  },
        modal: true
      });
    });
    </script>
    <body>
    <div style="display: none" id="dialog" >
    <input type="checkbox" />
    <div style="height: 2000px">fff</div>
    </div>
    </body>
    </html>