# Android keyboard overlaps text when flagging with Something else

**URL:** https://meta.discourse.org/t/android-keyboard-overlaps-text-when-flagging-with-something-else/249687
**Category:** Bug
**Created:** [December 22, 2022, 6:36pm UTC](https://meta.discourse.org/t/android-keyboard-overlaps-text-when-flagging-with-something-else/249687 "2022-12-22T18:36:09Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![ljpp](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ljpp/32/96506_2.png) [@ljpp](https://meta.discourse.org/u/ljpp)
#### Post date: [December 22, 2022, 6:36pm UTC](https://meta.discourse.org/t/android-keyboard-overlaps-text-when-flagging-with-something-else/249687/1 "2022-12-22T18:36:09Z")

</div>

The screenshot says it all - you can’t see what you are typing.

Latest Android Chrome, and the screenshot is taken here at Meta.

 ![Screenshot_20221222_203433_Chrome](https://global.discourse-cdn.com/meta/original/4X/b/b/a/bba093986fe68aed3b1dd2a48542ede10d493bb2.jpeg)

---

<div class="post-metadata">

### Author: ![ondrej](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ondrej/32/198804_2.png) [@ondrej](https://meta.discourse.org/u/ondrej)
#### Post date: [December 22, 2022, 8:30pm UTC](https://meta.discourse.org/t/android-keyboard-overlaps-text-when-flagging-with-something-else/249687/2 "2022-12-22T20:30:51Z")

</div>

I can confirm this is happening on meta. I am also on android & chrome

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [December 23, 2022, 6:57pm UTC](https://meta.discourse.org/t/android-keyboard-overlaps-text-when-flagging-with-something-else/249687/4 "2022-12-23T18:57:34Z")

</div>

Hello,

I can confirm 🙂 This is actually happens on all modal where the keyboard show up. I made a quick fix while the fix is coming. 🙂

Mobile / CSS

```scss
.fixed-modal {
  html.keyboard-visible.mobile-device:not(.ios-device) & {
    height: calc(100% - env(keyboard-inset-height));
    .modal-inner-container {
      margin: auto;
    }
  }
}

```

Edit: I just noticed now on iPad the html tag not contains the `.ios-device` class and this code is activating on iPad mobile view too. So probable a good idea to restrict it to mobile devices. I’ve changed this code.

---

<div class="post-metadata">

### Author: ![Osama](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/osama/32/98013_2.png) [@Osama](https://meta.discourse.org/u/Osama)
#### Post date: [January 23, 2023, 4:07am UTC](https://meta.discourse.org/t/android-keyboard-overlaps-text-when-flagging-with-something-else/249687/6 "2023-01-23T04:07:53Z")

</div>

This should be fixed in:

[https://github.com/discourse/discourse/commit/0c30f31f17c7d118efa39431b2229fc14c1d3328](https://github.com/discourse/discourse/commit/0c30f31f17c7d118efa39431b2229fc14c1d3328)

Thank you @ljpp for reporting this and thank you @Don for coming up with the fix!

---

<div class="post-metadata">

### Author: ![Osama](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/osama/32/98013_2.png) [@Osama](https://meta.discourse.org/u/Osama)
#### Post date: [January 24, 2023, 5:00am UTC](https://meta.discourse.org/t/android-keyboard-overlaps-text-when-flagging-with-something-else/249687/7 "2023-01-24T05:00:29Z")

</div>

This topic was automatically closed after 24 hours. New replies are no longer allowed.