当用作iPad的独立应用程序时，Jquery Mobile弹出窗体中的表单消失

Question

我在弹出窗口中有一个简单的表单（用户注册）。它在移动Safari中运行良好，但是当U在主屏幕上放置一个快捷方式（带有支持web-app的元标记）时，弹出窗口在选择输入字段时会消失。有没有办法解决这个问题？一些元标记可能吗？

一些示例代码：

<div data-role="page">
<div data-role="header" data-add-back-btn="true">
    <h1>Page</h1>
    <a href="#nav-panel" data-icon="bars" class="ui-btn-left">Menu</a>
    <div data-role="controlgroup" data-type="horizontal" class="ui-mini ui-btn-right">
        <a href="#popupCreateUser" data-rel="popup"  data-icon="plus" class="ui-btn ui-btn-icon-left ui-icon-plus" data-position-to="window">Create user</a> <!-- this opens the popup -->
    </div>
    </div>

<div data-role="content">
<ul data-role="listview" data-autodividers="true" data-filter="true" data-inset="true" id="userListView">

</ul>
</div>

<div data-role="popup" id="popupCreateUser" data-overlay-theme="a" class="ui-corner-all" style="width:400px;">
    <div data-role="header" data-theme="a">
    <h1>Gebruiker toevoegen</h1>
    </div>
    <form method="post" id="createUser" action="users-actions.php">
        <div style="padding:10px 20px;">
            <input type="hidden" name="action" value="add" />
            <label for="user" class="ui-hidden-accessible">Gebruikersnaam:</label>
            <input type="text" name="user" id="user" value="" placeholder="gebruikersnaam" data-theme="a" minlength="2">
            <button type="submit" class="ui-btn ui-corner-all ui-shadow ui-btn-b ui-btn-icon-left ui-icon-check">Aanmaken</button>
        </div>
    </form>
</div>
</div>