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

기여 버그
1

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.

1개의 좋아요
2

Hi @Kemplen!

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

Can you share a screenshot?

1개의 좋아요
3

Yes, here is how my screen appears:

image
image1282×734 34.7 KB

Whereas usually it appeared like this one of Discourse:

image
image1311×1209 63.3 KB

Thanks for your support.

1개의 좋아요
4

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 to see if it’s a theme component that may be causing the issue?

2개의 좋아요
5

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. :slightly_smiling_face:

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

3개의 좋아요
6

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.

3개의 좋아요
7

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

2개의 좋아요
8

오, 아주 흥미롭네요. 터치스크린이 아닌 기기에서는 --composer-height 값과 관계없이, 컴포저(핸들 포함)의 높이가 포럼 헤더보다 높아지지 않습니다.

저도 Chrome 개발자 도구에서 iPad 프로파일을 선택해 문제를 재현할 수 있었습니다. 아니면 제 실제 iPad도요 :smile_cat:

#contribute:bug로 옮기겠습니다. 수정할 가치가 있습니다. :slight_smile:

2개의 좋아요
13

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

4개의 좋아요