使输入建议控件随输入一起移动

Question

希望该标题对正在发生的事情有意义。

我在这里有一个CodeSandox，供大家看看。

我有一个div，当用户专注于输入时会隐藏它。

发生这种情况（至少对我来说）时，输入将转到父div的顶部，但浏览器建议的输入元素（在这种情况下，电子邮件地址）将保留在该元素以前的位置。

是否可以以任何方式调整建议元素，使其遵循输入的位置？

Answer 1

CSS： 将输入和建议框放入容器中，然后相对于容器或绝对地将建议框的位置设置为容器。

JS： 计算输入的位置，然后使用该数据设置建议框的位置。