Glimmer 헤더 - 슬라이드 제스처로 메뉴 패널을 닫은 후 페이지를 스크롤할 수 없음

안녕하세요 :waving_hand:

사이드바나 사용자 메뉴를 닫으면 페이지를 스크롤할 수 없습니다. Android와 iPhone에서도 재현할 수 있습니다. 항상 발생하는 것은 아니고, 메뉴를 빠르게 슬라이드 아웃하여 닫을 때만 발생하는 것 같습니다. 정확한 문제 원인은 확인하지 않았지만, 헤더 클로크가 제대로 닫히지 않아 스크롤이 막히는 것 같습니다. :thinking:

데모

네, 헤더 클로크에서 사용될 수 있는 overflow: hidden이 이 문제를 일으키는 것 같습니다. 이 문제가 발생하면 페이지를 새로고침하는 것도 불가능합니다.

감사합니다 :slightly_smiling_face:


수정: 컴퓨터에서 확인해 본 결과, 문제는 다음과 같습니다:

메뉴 패널이 열리면 HTML 태그에 scroll-lock 클래스가 추가됩니다.

슬라이드 아웃 제스처로 메뉴 패널을 닫을 경우, 이 클래스가 HTML에서 제거되지 않습니다.

6개의 좋아요

해결책이 FIX: Regressed scroll-lock after mobile menu close - Pull Request #26232%EC%97%90 - discourse/discourse - GitHub 반영되었습니다. 보고해 주셔서 감사합니다!

10개의 좋아요

이 주제는 23시간 후 자동으로 닫혔습니다. 더 이상 새 답변을 작성할 수 없습니다.