# Android에서 Microsoft Edge 사용 시 모바일 키보드가 작성창을 가립니다

**URL:** https://meta.discourse.org/t/mobile-keyboard-hides-composer-using-microsoft-edge-on-android/228382
**Category:** Bug
**Created:** [5월 29, 2022, 3:17오후 UTC](https://meta.discourse.org/t/mobile-keyboard-hides-composer-using-microsoft-edge-on-android/228382 "2022-05-29T15:17:28Z")
**Posts on this page:** 18
**Page:** 1

<div class="post-metadata">

### Author: ![topological](https://avatars.discourse-cdn.com/v4/letter/t/b487fb/32.png) [@topological](https://meta.discourse.org/u/topological)
#### Post date: [5월 29, 2022, 3:17오후 UTC](https://meta.discourse.org/t/mobile-keyboard-hides-composer-using-microsoft-edge-on-android/228382/1 "2022-05-29T15:17:28Z")

</div>

최근 Microsoft Edge 브라우저를 v101로 업데이트했는데, 키보드가 작성 영역을 가려서 입력하는 내용을 볼 수 없습니다. 이 문제는 Edge v101.0.1210.53보다 높은 버전에서 발생합니다. Meta에서 재현할 수 있지만, 원인이 무엇인지以及如何 수정해야 하는지 알 수 없습니다.

 ![Screenshot_2022-05-29-23-09-59-385_com.microsoft.](https://global.discourse-cdn.com/meta/original/4X/c/8/0/c8008734e584f310e8474aceb73d0329c1f3d262.jpeg)

---

<div class="post-metadata">

### Author: ![itsbhanusharma](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/itsbhanusharma/32/180717_2.png) [@itsbhanusharma](https://meta.discourse.org/u/itsbhanusharma)
#### Post date: [5월 29, 2022, 7:37오후 UTC](https://meta.discourse.org/t/mobile-keyboard-hides-composer-using-microsoft-edge-on-android/228382/3 "2022-05-29T19:37:56Z")

</div>

안드로이드용 Firefox도 영향을 받습니다.

---

<div class="post-metadata">

### Author: ![pmusaraj](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pmusaraj/32/119489_2.png) [@pmusaraj](https://meta.discourse.org/u/pmusaraj)
#### Post date: [6월 1, 2022, 3:00오후 UTC](https://meta.discourse.org/t/mobile-keyboard-hides-composer-using-microsoft-edge-on-android/228382/6 "2022-06-01T15:00:54Z")

</div>

흥미롭네요. BrowserStack을 통해 Android용 Firefox 96.1.1에서 이 문제를 재현할 수 있습니다. 여기 meta에서도, 약 한 달 전에 마지막으로 배포된 별도의 사이트에서도 마찬가지입니다.

@Falco @dax, 재현이 가능합니까? Edge와 Android용 Firefox를 모두 확인해 주시면 좋겠습니다.

---

<div class="post-metadata">

### Author: ![dax](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dax/32/244677_2.png) [@dax](https://meta.discourse.org/u/dax)
#### Post date: [6월 1, 2022, 3:31오후 UTC](https://meta.discourse.org/t/mobile-keyboard-hides-composer-using-microsoft-edge-on-android/228382/7 "2022-06-01T15:31:58Z")

</div>

Edge v. 101.0.1210.53에서 재현되지 않음

 ![Screenshot_20220601_170908_com.microsoft.emmx](https://global.discourse-cdn.com/meta/original/4X/9/0/a/90a3c5afdf445cb1fc393f052e4a89a1e998121a.jpeg)

Firefox v. 100.3.0 (Build #2015881499)에서 재현되지 않음

 ![Screenshot_20220601_172629_org.mozilla.firefox](https://global.discourse-cdn.com/meta/original/4X/a/9/5/a950a71fd539eaa380625062be27db9fd639264d.jpeg)

수정: 페이지의 맨 아래에 있을 때 키보드를 열면 Firefox에서 문제를 재현할 수 있습니다.

---

<div class="post-metadata">

### Author: ![isaac](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/isaac/32/235758_2.png) [@isaac](https://meta.discourse.org/u/isaac)
#### Post date: [6월 3, 2022, 5:08오후 UTC](https://meta.discourse.org/t/mobile-keyboard-hides-composer-using-microsoft-edge-on-android/228382/9 "2022-06-03T17:08:35Z")

</div>

Edge나 Firefox에서 Moto G50로 재현할 수 없습니다.

아래 방법으로도 시도해 보았지만,

> [@dax](#):
>
> Firefox에서 페이지 맨 아래에 있을 때 키보드를 열면 문제를 재현할 수 있습니다.

Meta 및 로컬 개발 환경에서 테스트했습니다.

---

<div class="post-metadata">

### Author: ![GamersInternational](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/gamersinternational/32/521422_2.png) [@GamersInternational](https://meta.discourse.org/u/GamersInternational)
#### Post date: [6월 17, 2022, 10:33오후 UTC](https://meta.discourse.org/t/mobile-keyboard-hides-composer-using-microsoft-edge-on-android/228382/12 "2022-06-17T22:33:58Z")

</div>

[meta.discourse.org](http://meta.discourse.org) 및 다른 포럼에서 재현할 수 있습니다.

이 버그를 재현하는 예시입니다 ([devforum.roblox.com](http://devforum.roblox.com)):

[![](https://global.discourse-cdn.com/meta/original/4X/b/8/f/b8ff09a4e2bff6ed72c968a81bbfd8a0363fef62.jpeg "DevForum keyboard glitch") ](https://www.youtube.com/watch?v=c71jFNZ7hL4)

---

<div class="post-metadata">

### Author: ![lassoan](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lassoan/32/98736_2.png) [@lassoan](https://meta.discourse.org/u/lassoan)
#### Post date: [6월 19, 2022, 4:49오후 UTC](https://meta.discourse.org/t/mobile-keyboard-hides-composer-using-microsoft-edge-on-android/228382/13 "2022-06-19T16:49:21Z")

</div>

저도 같은 문제를 겪고 있습니다 (Android에서 Edge 사용 중). 이로 인해 모바일에서 Discourse를 사실상 사용할 수 없게 됩니다.

---

<div class="post-metadata">

### Author: ![itsbhanusharma](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/itsbhanusharma/32/180717_2.png) [@itsbhanusharma](https://meta.discourse.org/u/itsbhanusharma)
#### Post date: [6월 19, 2022, 4:51오후 UTC](https://meta.discourse.org/t/mobile-keyboard-hides-composer-using-microsoft-edge-on-android/228382/14 "2022-06-19T16:51:58Z")

</div>

hey @lassoan 위로 살짝 스크롤하면 작성기가 화면을 차지하게 되는데, 그래도 정상적으로 사용할 수 있으니 완전히 쓸모가 없어지는 건 아니에요. 다만 좀 번거로울 뿐이죠.

---

<div class="post-metadata">

### Author: ![lassoan](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lassoan/32/98736_2.png) [@lassoan](https://meta.discourse.org/u/lassoan)
#### Post date: [6월 19, 2022, 5:53오후 UTC](https://meta.discourse.org/t/mobile-keyboard-hides-composer-using-microsoft-edge-on-android/228382/15 "2022-06-19T17:53:54Z")

</div>

저한테 이건 단순한 불편함이 아닙니다. 에디터와 키보드를 동시에 표시할 수 없습니다. 어디를 스크롤하든 키보드가 항상 에디터를 가립니다. 완전히 눈감고 타이핑해야 하는 상황입니다.

---

<div class="post-metadata">

### Author: ![Falco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/falco/32/179432_2.png) [@Falco](https://meta.discourse.org/u/Falco)
#### Post date: [6월 21, 2022, 11:28오후 UTC](https://meta.discourse.org/t/mobile-keyboard-hides-composer-using-microsoft-edge-on-android/228382/18 "2022-06-21T23:28:25Z")

</div>

[FIX: Better virtual keyboard detect on Android - Pull Request #17200%EC%97%90 - discourse/discourse - GitHub](https://github.com/discourse/discourse/pull/17200%EC%97%90) 수정안을 올려두었지만, 병합하기 전에 수정될 때까지 기다려야 하는 업스트림 크로미엄 버그가 있습니다.

---

<div class="post-metadata">

### Author: ![topological](https://avatars.discourse-cdn.com/v4/letter/t/b487fb/32.png) [@topological](https://meta.discourse.org/u/topological)
#### Post date: [7월 5, 2022, 2:26오후 UTC](https://meta.discourse.org/t/mobile-keyboard-hides-composer-using-microsoft-edge-on-android/228382/19 "2022-07-05T14:26:44Z")

</div>

크로미움 버그가 수정된 걸 확인했습니다. 이 PR을 병합해도 될까요? 😆

---

<div class="post-metadata">

### Author: ![Falco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/falco/32/179432_2.png) [@Falco](https://meta.discourse.org/u/Falco)
#### Post date: [7월 5, 2022, 3:18오후 UTC](https://meta.discourse.org/t/mobile-keyboard-hides-composer-using-microsoft-edge-on-android/228382/20 "2022-07-05T15:18:29Z")

</div>

실제로 수정 사항이 병합되었지만, 해당 수정이 사용자의 브라우저에 반영되기까지 몇 주가 걸릴 수 있습니다. 이에 대한 확인을 기다리고 있습니다.

> 수정 사항이 Chrome 105(현재 Canary)에 포함되어 있으며, 8월 30일에 Stable 버전으로 출시될 예정입니다.

이 문제를 해결하려면 꽤 오래 기다려야 할 것 같습니다.

---

<div class="post-metadata">

### Author: ![Falco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/falco/32/179432_2.png) [@Falco](https://meta.discourse.org/u/Falco)
#### Post date: [8월 2, 2022, 5:20오후 UTC](https://meta.discourse.org/t/mobile-keyboard-hides-composer-using-microsoft-edge-on-android/228382/21 "2022-08-02T17:20:10Z")

</div>

크로미움 팀이 이를 104 버전으로 백포트했으며, 오늘 출시됩니다. 이제 약 한 달 안에 이를 배포할 수 있을 것입니다.

---

<div class="post-metadata">

### Author: ![nukeador](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nukeador/32/107477_2.png) [@nukeador](https://meta.discourse.org/u/nukeador)
#### Post date: [9월 25, 2022, 7:49오후 UTC](https://meta.discourse.org/t/mobile-keyboard-hides-composer-using-microsoft-edge-on-android/228382/22 "2022-09-25T19:49:25Z")

</div>

community.openstreetmap.org에서 Firefox Android를 사용하는 사용자들이 모바일에서 사이트를 사용할 수 없다는 보고를 여러 건 접수했습니다.

이 문제의 현재 상태는 어떻게 되나요? 도움이 필요하신가요?

문제가 Discourse가 Chrome의 버그에 최적화되어 다른 모든 브라우저에서 깨지는 것 때문인가요?

알려진 우회 방법이 있나요?

특정 커뮤니티에서는 오픈소스 브라우저를 우선적으로 지원하는 것이 더 바람직할 것 같습니다.

감사합니다!

---

<div class="post-metadata">

### Author: ![Falco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/falco/32/179432_2.png) [@Falco](https://meta.discourse.org/u/Falco)
#### Post date: [9월 25, 2022, 8:00오후 UTC](https://meta.discourse.org/t/mobile-keyboard-hides-composer-using-microsoft-edge-on-android/228382/23 "2022-09-25T20:00:08Z")

</div>

> [@nukeador](#):
>
> 이 문제의 상태는 어떻습니까?

수정이 준비되었고, 이번 주 초에 병합할 예정입니다.

> <https://github.com/discourse/discourse/pull/18298>
>
> Firefox has a bug where \*sometimes\* the visualViewport.height won't be
> updated w…hen the keyboard pops up until you scroll, making our composer
> stay hidden behind the keyboard. This commit uses both window.innerHeight and window.visualViewport.height using the minimum of both to check for height changes.
> 
> For Chrome/Edge we feature detect the new VirtualKeyboard API and
> opt-into it when the composer opens and use it to detect if a keyboard
> is being draw. Opting into the API changes how the viewport is
> calculated so we have to also change how the full height composer is
> calculated. To minimize breakage we opt-out when the composer component
> is destroyed.
> 
> This commit also moves the \`--composer-ipad-padding\` to only happen on
> iPads.
> 
> Bug report at https://meta.discourse.org/t/-/228382

> [@nukeador](#):
>
> 문제가 discourse가 크롬의 버그에 최적화되어 있어 다른 모든 브라우저에서 깨진다는 것인가요?

우리는 Android에서 Chrome만 지원합니다. 하지만 여기서는 Firefox의 Visual Viewport API 구현 버그에서 비롯된 문제입니다. 키보드가 화면에 표시될 때 값이 업데이트되지 않고, Firefox에서 Virtual Keyboard API 지원이 없는 것도 원인이 됩니다.

Firefox Android에 이러한 버그가 있고, 최신 API가 부족하며 공식적으로 지원되지 않는 브라우저임에도 불구하고, 위 PR에 상당한 시간을 투자했습니다. 이 PR은 해당 문제를 우회하는 방식으로 동작해야 합니다.

---

<div class="post-metadata">

### Author: ![nukeador](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nukeador/32/107477_2.png) [@nukeador](https://meta.discourse.org/u/nukeador)
#### Post date: [9월 25, 2022, 8:09오후 UTC](https://meta.discourse.org/t/mobile-keyboard-hides-composer-using-microsoft-edge-on-android/228382/24 "2022-09-25T20:09:43Z")

</div>

고맙습니다. Mozilla가 이러한 문제를 어딘가에서 추적하고 있는지 알고 계신가요?

Mozilla이 커뮤니티 포럼에도 Discourse를 사용하고 있는데, 이 문제가 주목을 받지 못한다는 점이 놀랍습니다 😅

---

<div class="post-metadata">

### Author: ![Falco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/falco/32/179432_2.png) [@Falco](https://meta.discourse.org/u/Falco)
#### Post date: [9월 26, 2022, 8:38오후 UTC](https://meta.discourse.org/t/mobile-keyboard-hides-composer-using-microsoft-edge-on-android/228382/25 "2022-09-26T20:38:44Z")

</div>

방금 제 수정 사항을 머지했습니다. MS Edge(Android)에서 OP가 보고한 버그를 100% 해결할 수 있을 것입니다.

다만 Firefox Android의 경우 [Can I use... Support tables for HTML5, CSS3, etc](https://caniuse.com/mdn-api_virtualkeyboard%EC%97%90) 대한 지원이 없어 우회적으로 해킹을 구현해야 했기 때문에 100% 완벽하지 않을 수 있으며 후속 수정이 필요할 수 있습니다.

---

<div class="post-metadata">

### Author: ![Falco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/falco/32/179432_2.png) [@Falco](https://meta.discourse.org/u/Falco)
#### Post date: [10월 26, 2022, 8:39오후 UTC](https://meta.discourse.org/t/mobile-keyboard-hides-composer-using-microsoft-edge-on-android/228382/26 "2022-10-26T20:39:02Z")

</div>

이 주제는 30일 후 자동으로 닫혔습니다. 새로운 답변은 더 이상 허용되지 않습니다.
