# Post composer becomes full screen when scrolling down on mobile

**URL:** https://meta.discourse.org/t/post-composer-becomes-full-screen-when-scrolling-down-on-mobile/187908
**Category:** Bug
**Created:** [April 23, 2021, 2:48pm UTC](https://meta.discourse.org/t/post-composer-becomes-full-screen-when-scrolling-down-on-mobile/187908 "2021-04-23T14:48:07Z")
**Posts on this page:** 14
**Page:** 1

<div class="post-metadata">

### Author: ![seanblue](https://avatars.discourse-cdn.com/v4/letter/s/dc4da7/32.png) [@seanblue](https://meta.discourse.org/u/seanblue)
#### Post date: [April 23, 2021, 2:48pm UTC](https://meta.discourse.org/t/post-composer-becomes-full-screen-when-scrolling-down-on-mobile/187908/1 "2021-04-23T14:48:07Z")

</div>

For the last handful of days, there as been a bug on mobile (at least latest iOS) when composing a post where the post composer becomes unexpectedly full screen.

Steps to reproduce:

- Open a topic and start a reply.
- Type something in the post composer.
- Hit “Done” on the keyboard. Now the composer takes up the bottom half of the screen, while the top half shows the topic you were viewing.
- Drag your finger within the topic (not the composer) from top to bottom. The topic properly scrolls up.
- Drag your finger within the topic (not the composer) from bottom to top. This _should_ scroll the topic down, but instead it makes the post composer full screen.

Personally, when reviewing my post before submission, I tend to reread what I’m replying to to make sure my response is accurate/useful. This bug makes it incredibly difficult to do that.

---

<div class="post-metadata">

### Author: ![RickRoll](https://avatars.discourse-cdn.com/v4/letter/r/ed8c4c/32.png) [@RickRoll](https://meta.discourse.org/u/RickRoll)
#### Post date: [April 24, 2021, 11:45pm UTC](https://meta.discourse.org/t/post-composer-becomes-full-screen-when-scrolling-down-on-mobile/187908/2 "2021-04-24T23:45:21Z")

</div>

Android user here. Similar issue.  
When I click to reply a topic, the input takes the whole screen, which is very annoying:

 ![Screenshot_20210425-074100_Chrome](https://global.discourse-cdn.com/meta/original/3X/e/0/e019bcd782d16bb086b420227d6ec109640b3027.jpeg)

Until few days ago, it was taking only the bottom half of the screen, so it allowed one to read the topic whole writing the reply.

Any chance to fix it?

---

<div class="post-metadata">

### Author: ![Paracelsus](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/paracelsus/32/164912_2.png) [@Paracelsus](https://meta.discourse.org/u/Paracelsus)
#### Post date: [April 25, 2021, 8:47am UTC](https://meta.discourse.org/t/post-composer-becomes-full-screen-when-scrolling-down-on-mobile/187908/3 "2021-04-25T08:47:45Z")

</div>

One of our Android users has also complained about the same thing. I haven’t seen the same on iOS though.

---

<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: [April 25, 2021, 9:04am UTC](https://meta.discourse.org/t/post-composer-becomes-full-screen-when-scrolling-down-on-mobile/187908/4 "2021-04-25T09:04:00Z")

</div>

Hi,  
This is a feature not a bug, just to uniform the mobile devices iOS has full height composer and now Android too. I always use full height composer on android on our forum but I just used the `height: 100%;`. The previous not full height composer caused problems on landscape mode.

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

---

<div class="post-metadata">

### Author: ![RickRoll](https://avatars.discourse-cdn.com/v4/letter/r/ed8c4c/32.png) [@RickRoll](https://meta.discourse.org/u/RickRoll)
#### Post date: [April 25, 2021, 10:30am UTC](https://meta.discourse.org/t/post-composer-becomes-full-screen-when-scrolling-down-on-mobile/187908/5 "2021-04-25T10:30:31Z")

</div>

If that’s a feature, it’s a bad one.

Just now, when replying to you, I want to check if I didn’t misunderstand what you said.  
I had to minimize the composer (losing my train of thought), check your post, maximize the composer again, try to recover what I was going to say, and keep editing.

If the purpose was to uniform the mobile devices, then it should change iOS to behave as Android, not the opposite…

Is there any chance to bring the previous behavior back?  
If not, is there a workaround?

---

<div class="post-metadata">

### Author: ![Paracelsus](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/paracelsus/32/164912_2.png) [@Paracelsus](https://meta.discourse.org/u/Paracelsus)
#### Post date: [April 25, 2021, 11:02am UTC](https://meta.discourse.org/t/post-composer-becomes-full-screen-when-scrolling-down-on-mobile/187908/6 "2021-04-25T11:02:01Z")

</div>

> [@Don](#):
>
> Hi,  
> This is a feature not a bug, just to uniform the mobile devices iOS has full height composer and now Android too. I always use full height composer on android on our forum but I just used the `height: 100%;`. The previous not full height composer caused problems on landscape mode.
> 
> [UX: Full height composer on mobile Android (#12709) · discourse/discourse@c54609b · GitHub](https://github.com/discourse/discourse/commit/c54609bfcdc908febed384a9c99027883f0a73d4)

I get the landscape problem, but isn’t it possible to have the other mode on portrait as before?

---

<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: [April 25, 2021, 11:15am UTC](https://meta.discourse.org/t/post-composer-becomes-full-screen-when-scrolling-down-on-mobile/187908/7 "2021-04-25T11:15:33Z")

</div>

You could try this on mobile css. This will fix the portrait height to 250px but use the default full height to landscape mode.

```
#reply-control {
  @media (orientation: portrait) {
    .keyboard-visible &.open {
      height: 250px;
    }
  }
}

```

---

<div class="post-metadata">

### Author: ![seanblue](https://avatars.discourse-cdn.com/v4/letter/s/dc4da7/32.png) [@seanblue](https://meta.discourse.org/u/seanblue)
#### Post date: [April 25, 2021, 11:28am UTC](https://meta.discourse.org/t/post-composer-becomes-full-screen-when-scrolling-down-on-mobile/187908/8 "2021-04-25T11:28:36Z")

</div>

> [@Don](#):
>
> This is a feature not a bug, just to uniform the mobile devices iOS has full height composer and now Android too.

For the record, the issue I reported is new on iOS, so perhaps this was an unintended side effect. Making the composer full screen when the keyboard isn’t up (and therefore I can’t actually type anything anyway) doesn’t make any sense. It just makes it harder to review the post I’m replying to before submission.

EDIT: Rereading @RickRoll’s post, it sounds like we’re talking about two different things. It has never been possible to _write_ a post on iOS while also reading posts. I’m specifically complaining about the new behavior when scrolling the screen with swipe operations while the composer is open.

---

<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: [April 25, 2021, 11:44am UTC](https://meta.discourse.org/t/post-composer-becomes-full-screen-when-scrolling-down-on-mobile/187908/9 "2021-04-25T11:44:15Z")

</div>

I see sorry about that. I cannot repro your report on DiscourseHub. The composer fixed when i scroll the topic top to bottom and also fixed when scroll bottom to top. iOS 14.4.2, iPhone 7 plus  
But the bug what you report is appear in Safari.

---

<div class="post-metadata">

### Author: ![RickRoll](https://avatars.discourse-cdn.com/v4/letter/r/ed8c4c/32.png) [@RickRoll](https://meta.discourse.org/u/RickRoll)
#### Post date: [April 25, 2021, 11:45am UTC](https://meta.discourse.org/t/post-composer-becomes-full-screen-when-scrolling-down-on-mobile/187908/10 "2021-04-25T11:45:19Z")

</div>

> [@seanblue](#):
>
> Rereading @RickRoll’s post, it sounds like we’re talking about two different things. It has never been possible to _write_ a post on iOS while also reading posts. I’m specifically complaining about the new behavior when scrolling the screen with swipe operations while the composer is open.

Yeah, I think we are taking about different things.  
Sorry for hijacking the thread! 🤐

---

<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: [April 25, 2021, 11:47am UTC](https://meta.discourse.org/t/post-composer-becomes-full-screen-when-scrolling-down-on-mobile/187908/12 "2021-04-25T11:47:58Z")

</div>

Thanks for the report @seanblue, I can repro the issue on Safari, will take a look at fixing it soon.

---

<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: [April 26, 2021, 12:53pm UTC](https://meta.discourse.org/t/post-composer-becomes-full-screen-when-scrolling-down-on-mobile/187908/14 "2021-04-26T12:53:07Z")

</div>

This is fixed now via [FIX: Bug when scrolling in iOS Safari with composer open (#12831) · discourse/discourse@886f4b5 · GitHub](https://github.com/discourse/discourse/commit/886f4b589e87e55d8b364c503d495ac62f235a3b).

> [@RickRoll](#):
>
> When I click to reply a topic, the input takes the whole screen, which is very annoying:
> 
> …
> 
> Until few days ago, it was taking only the bottom half of the screen, so it allowed one to read the topic whole writing the reply.

As Don noted, this separate Android-only issue is working as designed, we would like to have the same uniform experience between iOS and Android, and we believe that the composer should take up all the available space when the software keyboard is visible because keyboard plus composer already takes up a lot of space, there is no point in leaving, say, a 50px tall view of the post stream.

If you want to scroll the page and keep the composer half open, all you have to do is dismiss the keyboard using the specific button for that on Android (which is the downward-pointing chevron at the bottom-right corner in your screenshot).

---

<div class="post-metadata">

### Author: ![seanblue](https://avatars.discourse-cdn.com/v4/letter/s/dc4da7/32.png) [@seanblue](https://meta.discourse.org/u/seanblue)
#### Post date: [April 26, 2021, 1:23pm UTC](https://meta.discourse.org/t/post-composer-becomes-full-screen-when-scrolling-down-on-mobile/187908/15 "2021-04-26T13:23:54Z")

</div>

Confirmed it’s working now. Thanks for the quick turnaround!

---

<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: [April 29, 2021, 3:06pm UTC](https://meta.discourse.org/t/post-composer-becomes-full-screen-when-scrolling-down-on-mobile/187908/16 "2021-04-29T15:06:53Z")

</div>


