# 주제 내비게이션 토글이 특정 영역에서 페이지 상호작용을 방해합니다

**URL:** https://meta.discourse.org/t/topic-navigation-toggle-prevents-interactions-on-the-page-in-a-certain-area/350073
**Category:** UX
**Tags:** mobile, topic-timeline
**Created:** [2월 1, 2025, 11:04오후 UTC](https://meta.discourse.org/t/topic-navigation-toggle-prevents-interactions-on-the-page-in-a-certain-area/350073 "2025-02-01T23:04:04Z")
**Posts on this page:** 4
**Page:** 1

<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: [2월 1, 2025, 11:04오후 UTC](https://meta.discourse.org/t/topic-navigation-toggle-prevents-interactions-on-the-page-in-a-certain-area/350073/1 "2025-02-01T23:04:04Z")

</div>

모바일에서 내비게이션 토글 버튼 오른쪽, 토글 버튼과 같은 높이에 있는 영역은 상호작용이 불가능합니다. 내비게이션 버튼은 화면 오른쪽에 작게 떠 있는 상태인데도 말입니다.

설명이 잘 안 될 수 있으니 스크린샷을 첨부합니다. 보라색 영역의 어디를 탭하든 아무 반응이 없습니다. 좋아요, 좋아요 보기, 반응 보기, 링크 복사, 답글 작성된 게시물 보기 등을 시도해 보세요. 어떤 상호작용도 작동하지 않습니다.

 ![The image is a screenshot of a tweet by Stanley B. Gehman, explaining his method for re-ordering comments by referencing topics and creating a new post for introductions while updating links. (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/5/2/5/5252703316bac3dc6134d7bb1705ef554da4dd48.png)

대부분은 신경 쓰지 않을 수 있지만, 제 엄지가 이 영역을 지나가다 보니 가끔 "터치 무응답"이 발생하여 더 많이 스크롤해야 하는 상황이 발생하면 짜증이 납니다 🐛

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [2월 3, 2025, 6:09오후 UTC](https://meta.discourse.org/t/topic-navigation-toggle-prevents-interactions-on-the-page-in-a-certain-area/350073/2 "2025-02-03T18:09:24Z")

</div>

감사합니다! 이것으로 해결될 것 같습니다.

> <https://github.com/discourse/discourse/pull/31135>
>
> Reported here: https://meta.discourse.org/t/topic-navigation-toggle-prevents-int…eractions-on-the-page-in-a-certain-area/350073
> 
> The purple wrapper shown here prevents elements underneath it from being clicked/tapped, this can sometimes interfere with post controls
> 
> !\[image\](https://github.com/user-attachments/assets/18cec59d-f150-495c-86c9-572b261f95e3)
> 
> The fix is to disable pointer events on the wrapping element, so clicks pass through. Then clicks are re-enabled on the child element.

---

<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: [2월 4, 2025, 4:07오후 UTC](https://meta.discourse.org/t/topic-navigation-toggle-prevents-interactions-on-the-page-in-a-certain-area/350073/3 "2025-02-04T16:07:29Z")

</div>

Kris님, 감사합니다 🙂 이 건에 대해 새 토픽을 만들지 않을 것 같아요. 이 변경 사항 이후로 `.topic-navigation-outlet`이 클릭되지 않는다는 걸 알게 되었거든요. 예를 들어 `.d-toc-wrapper` 같은 요소가요. `pointer-events: auto`를 추가했는데, 이렇게 하니 해결되었습니다.

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [2월 4, 2025, 7:52오후 UTC](https://meta.discourse.org/t/topic-navigation-toggle-prevents-interactions-on-the-page-in-a-certain-area/350073/4 "2025-02-04T19:52:21Z")

</div>

네, 좋은 지적입니다. 여기서는 래퍼의 모든 자식 요소에 대해 포인터 이벤트를 다시 활성화하여 이 문제를 방지합니다: [UX: ensure all children of `.with-topic-progress` are clickable - Pull Request #31176 - discourse/discourse - GitHub](https://github.com/discourse/discourse/pull/31176)