웹페이지 높이를 100%로 제한하고 하단에 입력창을 절대 배치했습니다.

iOS 사파리에서는 입력창을 클릭하면 가상 키보드가 튀어나와 페이지 전체를 위로 밀어올릴 수 있는데, 적어도 입력창은 키보드 위에 있어서 눈에 띌 수 있습니다.

그런데 js에서 포커스를 통해 키보드가 나타나면 키보드가 페이지 하단의 내용 일부를 직접 가리게 되어 입력 상자가 보이지 않게 됩니다. 포커스가 입력 상자를 직접 클릭하는 것과 다른 이유는 무엇인가요? 그것을 해결하는 사람이 있나요?