在可拖动的包装内部形成 - 移动不允许选择表单元素

Question

正如标题所说，我的表单位于一个可拖动的（jQuery UI）包装器中。在PC上我可以选择表格中的输入字段，但在我的iPhone上（测试了几个版本和Android）我无法直接点击输入字段来选择它。如果我点击字段标签，它也不会选择字段，但如果我点击它的地狱，它最终将选择该字段。

毋庸置疑，这对用户来说并不直观，因此我需要一种方法来修复可拖动容器内表单的功能。

缩写代码：

<div class="footer">
    <div class="footer-wrapper">
        <form>
            <input type="text" name="postal_code">
        </form>
    </div>
</div>

$('.footer').draggable({...});

jsfiddle：http://jsfiddle.net/o4xp0t64/7/（已更新）

我正在使用：

• jQuery 1.10.2
• jQuery UI 1.10.2
• jQuery Migrate 1.2.1
• jQuery UI Touch Punch 0.2.3

注意：这似乎适用于使用Chrome的Androids的jsfiddle。我的开发站点（无法访问未经授权的外部访问者）的行为与我们测试的所有移动设备上的描述相同。