Css 自动完成弹出菜单

对于手机设备，我的菜单固定在屏幕底部<代码>位置：固定

在这个div中是带有自动完成功能的

输入

。在桌面上，这是下拉列表

<div style="postition:fixed; bottom:0;">
<div style="position:relative;">
<input type="text">
<div style="position:absolute; bottom:0; left:0;">
autocomplete list
</div>
</div>
</div>

自动完成列表

我想显示这个自动完成上面的输入。当然，它适用于

bottom:100%

但当我打开虚拟键盘并一直使用它时，它会在键盘下和正确的位置“跳过”

任何提示如何设置自动完成列表块固定在移动屏幕底部

此组件由reactJS渲染可能很重要

正确的位置是当我输入虚拟键盘下跳过的任何字母时

提前感谢您的任何提示