터치스크린 기기에서 Composer 핸들을 사이트 헤더 뒤로 드래그할 수 있음

기여 버그
1

여러분께,
오늘부터 편집 섹션이 페이지 상단까지 확장되었고, 파란색 구분선이 더 이상 사용 불가능하여 축소할 방법이 없습니다.
도움을 주시면 감사하겠습니다.

1개의 좋아요
2

안녕하세요 @Kemplen!

게시물 작성기의 드래그 가능 부분이 헤더 뒤에 숨겨져 있다는 말씀이신가요?

스크린샷을 공유해 주시겠어요?

1개의 좋아요
3

네, 제 화면은 이렇게 보입니다:

image
image1282×734 34.7 KB

보통은 Discourse에서 이렇게 표시되던데:

image
image1311×1209 63.3 KB

도움 주셔서 감사합니다.

1개의 좋아요
4

방금 메타에서 이를 재현해 보았는데, 헤더 뒤에 고정시키는 방법을 찾지 못하겠습니다. 테마 컴포넌트가 문제를 일으키고 있는지 확인해 보려면 안전 모드에서 사이트를 테스트해 보셨나요?

2개의 좋아요
5

안녕하세요,

제가 올바르게 본다면 터치스크린 기기를 사용 중이시네요. iPad에서 재현을 시도해 보았고, 실제로 재현할 수 있었습니다.

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

도와주셔서 감사합니다.

사실 이 문제는 Google Chrome에서 발생한 것이었습니다. Mozilla Firefox를 사용하면 문제가 발생하지 않았습니다. Google Chrome의 캐시 메모리를 정리하는 것만으로 문제가 해결되었습니다.

다시 한번 감사합니다.

3개의 좋아요
7

좋아요 :slightly_smiling_face: 하지만 캐시를 제거하면 단순히 컴포저의 기본 높이만 초기화되는 것 같아요.

2개의 좋아요
8

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

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

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

2개의 좋아요
13

헤더 뒤에 가려져 있던 컴포저 그립 핸들이 최신 PR 배포 시점에 수정되어야 합니다. → UX: Fix mobile grippie being hidden - Pull Request #20803 - discourse/discourse - GitHub

4개의 좋아요