# Composer handle can be dragged up behind the site header on touchscreen devices

**URL:** https://meta.discourse.org/t/composer-handle-can-be-dragged-up-behind-the-site-header-on-touchscreen-devices/254115
**Category:** Bug
**Created:** [February 5, 2023, 2:02pm UTC](https://meta.discourse.org/t/composer-handle-can-be-dragged-up-behind-the-site-header-on-touchscreen-devices/254115 "2023-02-05T14:02:50Z")
**Posts on this page:** 10
**Page:** 1

<div class="post-metadata">

### Author: ![Kemplen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/kemplen/32/213863_2.png) [@Kemplen](https://meta.discourse.org/u/Kemplen)
#### Post date: [February 5, 2023, 2:02pm UTC](https://meta.discourse.org/t/composer-handle-can-be-dragged-up-behind-the-site-header-on-touchscreen-devices/254115/1 "2023-02-05T14:02:50Z")

</div>

Hi All,  
As from today the editing section is extended up to the top of the page and there is no way to reduce it because the blue separator is no longer available.  
Any help will be appreciated.

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [February 5, 2023, 2:09pm UTC](https://meta.discourse.org/t/composer-handle-can-be-dragged-up-behind-the-site-header-on-touchscreen-devices/254115/2 "2023-02-05T14:09:41Z")

</div>

Hi @Kemplen!

Do you mean that the draggable part of the post composer is hidden behind the header?

Can you share a screenshot?

---

<div class="post-metadata">

### Author: ![Kemplen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/kemplen/32/213863_2.png) [@Kemplen](https://meta.discourse.org/u/Kemplen)
#### Post date: [February 6, 2023, 11:23am UTC](https://meta.discourse.org/t/composer-handle-can-be-dragged-up-behind-the-site-header-on-touchscreen-devices/254115/3 "2023-02-06T11:23:41Z")

</div>

Yes, here is how my screen appears:

 ![image](https://global.discourse-cdn.com/meta/original/4X/e/7/9/e791068a10f22cf905edc9008b0723b096c40f67.png)

Whereas usually it appeared like this one of Discourse:

 ![image](https://global.discourse-cdn.com/meta/original/4X/7/5/1/751c31a0d362c0f389fdde80a369ac4526f2365e.png)

Thanks for your support.

---

<div class="post-metadata">

### Author: ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [February 6, 2023, 11:37am UTC](https://meta.discourse.org/t/composer-handle-can-be-dragged-up-behind-the-site-header-on-touchscreen-devices/254115/4 "2023-02-06T11:37:57Z")

</div>

I’ve just tried to replicate it here on Meta and I can’t seem to get it stuck behind the header. Have you tried your site in [safe mode](https://meta.discourse.org/t/53504?silent=true) to see if it’s a theme component that may be causing the issue?

---

<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: [February 6, 2023, 12:35pm UTC](https://meta.discourse.org/t/composer-handle-can-be-dragged-up-behind-the-site-header-on-touchscreen-devices/254115/5 "2023-02-06T12:35:56Z")

</div>

Hello,

If I see it correctly you using a touchscreen device. I tried to repro it on an iPad and I can.

Here is a quick fix which works for me on iPad. 🙂

```scss
body:not(.ios-safari-composer-hacks) {
  #reply-control.open {
    max-height: calc(100vh - var(--header-offset) - env(safe-area-inset-bottom));
  }
}

```

---

<div class="post-metadata">

### Author: ![Kemplen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/kemplen/32/213863_2.png) [@Kemplen](https://meta.discourse.org/u/Kemplen)
#### Post date: [February 6, 2023, 12:42pm UTC](https://meta.discourse.org/t/composer-handle-can-be-dragged-up-behind-the-site-header-on-touchscreen-devices/254115/6 "2023-02-06T12:42:08Z")

</div>

Thanks for your help.

It was an issue caused by Google Chrome, in fact using Mozilla Firefox there wasn’t the problem. Simply cleaning Google Chrome’s cache memory solved it.

Thanks again.

---

<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: [February 6, 2023, 12:59pm UTC](https://meta.discourse.org/t/composer-handle-can-be-dragged-up-behind-the-site-header-on-touchscreen-devices/254115/7 "2023-02-06T12:59:06Z")

</div>

That’s great 🙂 but I think remove cache just resets the composer default height.

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [February 7, 2023, 1:19pm UTC](https://meta.discourse.org/t/composer-handle-can-be-dragged-up-behind-the-site-header-on-touchscreen-devices/254115/8 "2023-02-07T13:19:18Z")

</div>

Oh, that’s very interesting. On non-touchscreen devices, the height of the composer (handle included) will never be higher than the forum’s header, regardless of `--composer-height` value.

I can repro the issue as well using Chrome’s dev tools and choosing an iPad profile. Or my real iPad 😸

Moving into #Contribute > Bug then, it’s worth a fix. 🙂

---

<div class="post-metadata">

### Author: ![jordan.vidrine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jordan.vidrine/32/515563_2.png) [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [March 24, 2023, 12:05pm UTC](https://meta.discourse.org/t/composer-handle-can-be-dragged-up-behind-the-site-header-on-touchscreen-devices/254115/13 "2023-03-24T12:05:00Z")

</div>

The composer grip handle being hidden behind the header should now be fixed upon deploy of the latest PR. → [UX: Fix mobile grippie being hidden by jordanvidrine · Pull Request #20803 · discourse/discourse · GitHub](https://github.com/discourse/discourse/pull/20803)

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [March 27, 2023, 12:34am UTC](https://meta.discourse.org/t/composer-handle-can-be-dragged-up-behind-the-site-header-on-touchscreen-devices/254115/14 "2023-03-27T00:34:38Z")

</div>


