无法在手机上输入文字输入

Question

我在我的网站上创建了一个简单的文本输入，出于任何原因，我无法在手机上输入它（OnePlus One运行CyanogenMod 13.1.2 - Android 6.0.1）。

当我尝试点击输入时，文本光标和键盘会弹出并立即消失;在我有机会输入任何东西之前。我能够选择并输入任何内容的唯一方法是快速单击它直到它正常工作。我已经在Chrome和Firefox中尝试过它，但它在两者中都没有用。在桌面上工作正常，问题只会在我的手机上弹出。

编辑**这是输入的标记

<div class="parent">
  <input placeholder="Suburb/Postcode" type="text">
</div>

我怀疑它可能来自造型所以这里也是css

.parent {
  height: unset;
  position: relative;
}

input {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  user-select: all;
}

Answer 1

好的，我已经找到了解决办法，但我仍然不确定究竟是什么问题。问题似乎源于我写的一些javascript，当在较小的设备上查看时，它会在DOM周围移动输入的父级。在完成两件事之一后，我成功地输入了输入。要么我不移动输入的父母 - 或 - 在移动输入的父母之后，我更改或删除父母的ID。