# iOS 채팅에서 키보드와 입력 상자 사이의 하단 간격

**URL:** https://meta.discourse.org/t/gap-at-bottom-between-keyboard-and-input-box-on-ios-chat/224084
**Category:** UX
**Tags:** chat
**Created:** [4월 12, 2022, 7:05오후 UTC](https://meta.discourse.org/t/gap-at-bottom-between-keyboard-and-input-box-on-ios-chat/224084 "2022-04-12T19:05:55Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![jimkleiber](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jimkleiber/32/121814_2.png) [@jimkleiber](https://meta.discourse.org/u/jimkleiber)
#### Post date: [4월 12, 2022, 7:05오후 UTC](https://meta.discourse.org/t/gap-at-bottom-between-keyboard-and-input-box-on-ios-chat/224084/1 "2022-04-12T19:05:55Z")

</div>

아이폰 X에서 채팅을 열어서 입력을 시도하면, 채팅 입력란이 키보드와 아래쪽으로 정렬되지 않는 것을 발견했습니다. 즉, 작은 간격이 생겨서 약간 어색하게 느껴집니다. 화면을 아래로 스크롤하면 정렬은 되지만, 기본적으로 아래쪽으로 정렬되어 있어야 한다고 생각합니다.

 ![9E4FB5CF-4A56-4FCE-8152-E1B97A9CDDCA_1_201_a](https://global.discourse-cdn.com/meta/original/4X/3/5/3/35363d36818044e3c65dd154aae7b31af2f98dd0.jpeg)

다른 사람들에게도 이런 문제가 되는지 확실하지는 않지만, 저에게는 분명히 불편합니다 🙂 CSS로 수정할 수는 있겠지만, 다른 사용자들도 이 문제로 불편함을 느낄 수 있다고 생각합니다.

---

<div class="post-metadata">

### Author: ![Earnie\_Baird](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/earnie_baird/32/380079_2.png) [@Earnie\_Baird](https://meta.discourse.org/u/Earnie_Baird)
#### Post date: [7월 31, 2024, 3:01오후 UTC](https://meta.discourse.org/t/gap-at-bottom-between-keyboard-and-input-box-on-ios-chat/224084/2 "2024-07-31T15:01:23Z")

</div>

답변이 좀 늦었지만… 네! 저도 같은 현상을 보고 있습니다.

모바일 Safari에서 채팅을 열면 하단 간격은 문제가 없지만, 모바일 앱에서 웹뷰로 채팅을 열 때(Safari의 컨트롤 바가 없는 경우)这么大的 간격이 생깁니다.

이것을 방지할 수 있는 방법이 있으면 좋겠습니다.

---

<div class="post-metadata">

### Author: ![j.jaffeux](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/j.jaffeux/32/60297_2.png) [@j.jaffeux](https://meta.discourse.org/u/j.jaffeux)
#### Post date: [7월 31, 2024, 4:30오후 UTC](https://meta.discourse.org/t/gap-at-bottom-between-keyboard-and-input-box-on-ios-chat/224084/3 "2024-07-31T16:30:25Z")

</div>

그것은 같은 문제가 아닙니다. OP는 이미 수정되었습니다.

보이는 현상은 커스텀 앱을 사용하고 있기 때문일 수 있습니다. 컨테이너에서 `--footer-nav-height` CSS 변수를 `0`으로 설정해 보세요.

---

<div class="post-metadata">

### Author: ![Earnie\_Baird](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/earnie_baird/32/380079_2.png) [@Earnie\_Baird](https://meta.discourse.org/u/Earnie_Baird)
#### Post date: [7월 31, 2024, 5:39오후 UTC](https://meta.discourse.org/t/gap-at-bottom-between-keyboard-and-input-box-on-ios-chat/224084/4 "2024-07-31T17:39:36Z")

</div>

조프리, 감사합니다. 확인해 보겠습니다.

우리는 앱과 모바일 웹(앱을 설치하지 않은 사용자용) 모두에서 채팅 기능을 사용하고 있습니다.

모바일 웹에서는 현재 상태가 괜찮아서, 이 두 가지 사용 사례에 대해 동작 방식을 다르게 설정할 수 있는 방법이 있는지 궁금합니다.

---

<div class="post-metadata">

### Author: ![j.jaffeux](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/j.jaffeux/32/60297_2.png) [@j.jaffeux](https://meta.discourse.org/u/j.jaffeux)
#### Post date: [7월 31, 2024, 7:02오후 UTC](https://meta.discourse.org/t/gap-at-bottom-between-keyboard-and-input-box-on-ios-chat/224084/5 "2024-07-31T19:02:24Z")

</div>

현재 Discourse에서 푸터 표시 및 푸터 존재 여부에 따라 채팅 크기를 조정하는 자체 로직이 있습니다. 이 로직은 다소 복잡하여 모든 사용 사례에 유연하게 적용할 수 있을지 확신이 서지 않습니다.

---

<div class="post-metadata">

### Author: ![j.jaffeux](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/j.jaffeux/32/60297_2.png) [@j.jaffeux](https://meta.discourse.org/u/j.jaffeux)
#### Post date: [8월 30, 2024, 7:03오후 UTC](https://meta.discourse.org/t/gap-at-bottom-between-keyboard-and-input-box-on-ios-chat/224084/6 "2024-08-30T19:03:24Z")

</div>

이 주제는 마지막 답변 후 30일이 지나면 자동으로 닫힙니다. 더 이상 새 답변을 남길 수 없습니다.
