键盘激活时显示 iOS15 地址栏下的隐藏内容

Question

iOS 15 导致当虚拟键盘处于活动状态时内容被隐藏在地址栏下方。错误报告可以是 found here. To see the problem, run the snippet in full size on an iPhone with iOS 15 with the address bar on the bottom and press the input field. Alternatively check out this codepen

如何在键盘处于活动状态时显示输入字段？我试过将 padding 设置为 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>

Answer 1

该错误现已在 iOS 15.1

中修复

键盘激活时显示 iOS15 地址栏下的隐藏内容

Show hidden content under iOS 15 address bar when keyboard is active

css

webkit

mobile-safari