# 새로운 내비게이션 레이아웃은 마우스를 누를 때 cursor-grab을 사용함

**URL:** <https://meta.discourse.org/t/new-nav-layout-uses-cursor-grab-when-mouse-is-pushed/256004>\
**Category:** UX\
**Created:** [2월 23, 2023, 12:17오전 UTC](https://meta.discourse.org/t/new-nav-layout-uses-cursor-grab-when-mouse-is-pushed/256004 "2023-02-23T00:17:34Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![darkpixlz](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/darkpixlz/32/549896_2.png) [@darkpixlz](https://meta.discourse.org/u/darkpixlz)\
**Post date:** [2월 23, 2023, 12:17오전 UTC](https://meta.discourse.org/t/new-nav-layout-uses-cursor-grab-when-mouse-is-pushed/256004/1 "2023-02-23T00:17:34Z")

</div>

안녕하세요,

새로운 내비게이션 레이아웃이 마음에 듭니다. 하지만 문제점을 하나 발견했습니다.

 ![image](https://global.discourse-cdn.com/meta/original/4X/1/d/4/1d47eba4de04d308ad50e64c19ba5d7cd96923f8.png)  
재현하려면 다음을 길게 누르세요:  
 ![image](https://global.discourse-cdn.com/meta/original/4X/b/9/2/b92d7c8df4330d32ed54e012dcd79caa4f9d4129.png)  
이것은 주로 오해의 소지가 있습니다. 드래그해서 이동할 수 있을 줄 알았는데, 실제로는 아무런 기능이 없는 상태에서 `cursor:drag` 커서만 표시됩니다. `pointer` 또는 `default`로 유지하는 것이 가장 좋다고 생각합니다.

---

<div class="post-metadata">

**Author:** ![keegan](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/keegan/32/383395_2.png) [@keegan](https://meta.discourse.org/u/keegan)\
**Post date:** [2월 23, 2023, 12:22오전 UTC](https://meta.discourse.org/t/new-nav-layout-uses-cursor-grab-when-mouse-is-pushed/256004/2 "2023-02-23T00:22:42Z")

</div>

작은 화면 폭에서는 메뉴를 실제로 잡고 드래그하여 숨겨진 항목에 도달할 수 있습니다:

다만, 네비게이션을 스크롤할 수 없는 경우에만 커서를 `default`로 설정하는 것이 좋을 수도 있습니다.

---

<div class="post-metadata">

**Author:** ![darkpixlz](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/darkpixlz/32/549896_2.png) [@darkpixlz](https://meta.discourse.org/u/darkpixlz)\
**Post date:** [2월 23, 2023, 12:25오전 UTC](https://meta.discourse.org/t/new-nav-layout-uses-cursor-grab-when-mouse-is-pushed/256004/3 "2023-02-23T00:25:25Z")

</div>

네, 직접 시도해 보다가 그걸 알아차렸어요.

다만, 약간 일관성이 없는 부분이 눈에 띄었어요. 라벨은 상단에서는 숨겨져 있지만, 하단에서는 그렇지 않거든요.

 ![image](https://global.discourse-cdn.com/meta/original/4X/7/2/2/722f6177c4d00b8ee00d85c64ed20fb31a8b5479.png)

---

<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:** [2월 23, 2023, 4:48오전 UTC](https://meta.discourse.org/t/new-nav-layout-uses-cursor-grab-when-mouse-is-pushed/256004/4 "2023-02-23T04:48:04Z")

</div>

> [@keegan](#):
>
> 다만, 내비게이션이 스크롤되지 않을 때만 커서를 `default`로 설정할 수도 있겠네요.

이것이 CSS로 가능한지 확신이 서지 않습니다. @awesomerobot ?

---

<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월 23, 2023, 11:00오후 UTC](https://meta.discourse.org/t/new-nav-layout-uses-cursor-grab-when-mouse-is-pushed/256004/5 "2023-02-23T23:00:27Z")

</div>

리사이즈 시 스크롤 가능 여부를 확인하여 좌/우 컨트롤을 추가할 수 있습니다… 그래서 이 부분은 구현 가능할 것 같습니다!

---

<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월 24, 2023, 7:30오후 UTC](https://meta.discourse.org/t/new-nav-layout-uses-cursor-grab-when-mouse-is-pushed/256004/7 "2023-02-24T19:30:04Z")

</div>

이렇게 하면 스크롤이 가능한 경우에만 그랩비(grabby)가 적용됩니다

> <https://github.com/discourse/discourse/pull/20447>
>
> Discussed here: https://meta.discourse.org/t/new-nav-layout-uses-cursor-grab-whe…n-mouse-is-pushed/256004
> 
> At the moment we allow \`scrollDrag()\` even if the nav isn't scrollable... so on click and hold the cursor is swapped to \`grabbing\` even though there's no effect, which can be a little misleading.

> [@darkpixlz](#):
>
> 다만 약간 일관성이 없는 부분이 눈에 띕니다. 상단에서는 레이블이 숨겨져 있지만, 하단에서는 그렇지 않거든요.

네, 의도적인 것입니다. 하단 목록에는 항목이 더 많고, 텍스트가 없으면 이해하기가 더 어렵다고 생각했기 때문입니다.

---

<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:** [3월 15, 2023, 8:00오전 UTC](https://meta.discourse.org/t/new-nav-layout-uses-cursor-grab-when-mouse-is-pushed/256004/8 "2023-03-15T08:00:13Z")

</div>

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