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

Question

当虚拟键盘处于活动状态时，iOS 15 会导致内容隐藏在地址栏下。可以在此处找到错误报告。要查看问题，请在装有 iOS 15 且地址栏位于底部的 iPhone 上以全尺寸运行代码段，然后按输入字段。或者查看此代码笔

键盘处于活动状态时如何显示输入字段？我试过将填充设置为safe-area-inset-bottom没有运气。

.container {
  display: flex;
  height: 100vh;
}
.input-bottom {
  align-self: flex-end;
}

<div class="container">
  <div class="input-bottom">
    <input /><button>Post</button>
  </div>
</div>

标签： csswebkitmobile-safari

Answer 1

该错误现已在 iOS 15.1 中修复