当键盘处于活动状态时,在 iOS 15 地址栏下显示隐藏内容

Ben*_*eas 7 css webkit mobile-safari

iOS 15 导致当虚拟键盘处于活动状态时内容隐藏在地址栏下方。可以在此处找到错误报告。要查看问题,请在运行 iOS 15 且地址栏位于底部的 iPhone 上运行完整大小的代码片段,然后按输入字段。或者查看这个codepen

当键盘处于活动状态时如何显示输入字段?我尝试将 padding 设置为 ,safe-area-inset-bottom但没有成功。

.container {
  display: flex;
  height: 100vh;
}
.input-bottom {
  align-self: flex-end;
}
Run Code Online (Sandbox Code Playgroud)
<div class="container">
  <div class="input-bottom">
    <input /><button>Post</button>
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

Ben*_*eas 1

该错误现已在 iOS 15.1 中修复