流星 - 专注于不在移动设备上工作的文本字段

Question

我有一个以会话变量为条件呈现的模板：

{{#if showTextField}}
  {{> textFieldTemplate}}
{{/if}}

这是模板：

<template name="textFieldTemplate">
  <form class="item-input-wrapper">
    <input type="text" placeholder="Type new exercise...">
  </form>
</template>

与之相关的JS：

Template.textFieldTemplate.rendered = function () {
  this.$field = this.$('input');

  this.$field.focus();
});

这在我的桌面浏览器上运行良好;将showTextField设置为true后，弹出该字段，光标在文本字段中闪烁。然而，在iphone safari上，它并没有那么好用;文本字段显示，但其中没有光标，键盘不会弹出。有什么建议？