# 드롭다운 관련 사소한 문제 몇 가지

**URL:** https://meta.discourse.org/t/few-minor-issue-with-dropdowns/201993
**Category:** UX
**Created:** [8월 28, 2021, 1:27오후 UTC](https://meta.discourse.org/t/few-minor-issue-with-dropdowns/201993 "2021-08-28T13:27:14Z")
**Posts on this page:** 9
**Page:** 1

<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: [8월 28, 2021, 1:27오후 UTC](https://meta.discourse.org/t/few-minor-issue-with-dropdowns/201993/1 "2021-08-28T13:27:14Z")

</div>

안녕하세요,

드롭다운에 약간의 정렬 문제가 발견되었습니다.

1. 사용자 페이지의 사용자 알림 드롭다운 헤더.  
 ![Screenshot 2021-08-28 at 15.06.50](https://global.discourse-cdn.com/meta/original/3X/0/7/07faaec26dcbeb6a5a7a4edf34953a0fabb5d348.png)

2. 동일한 위치이지만, 모바일에서만 발생하는 드롭다운 문제입니다.  

3. 모바일에서 몇몇 위치의 드롭다운 위치가 올바르지 않습니다.  

4. Safari 브라우저에서 상단 페이지 드롭다운 화살표 위치 문제  

5. 상단 페이지에서 호버 후 클릭 시 문제

---

<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: [8월 31, 2021, 3:46오후 UTC](https://meta.discourse.org/t/few-minor-issue-with-dropdowns/201993/4 "2021-08-31T15:46:51Z")

</div>

방금 여기서 수정 사항을 병합했습니다

> <https://github.com/discourse/discourse/pull/14199>
>
> This fixes the alignment issues outlined here: https://meta.discourse.org/t/few-…minor-issue-with-dropdowns/201993

이것은 다음을 제외한 모든 것을 다룹니다

> [@Don](#):
>
> 모바일에서 드롭다운 위치가 몇몇 곳에서 올바르지 않습니다.
> 
> [https://global.discourse-cdn.com/meta/original/3X/5/e/5e5e40b39afb6456541c530dd8599b6aceb9619a.mp4](https://global.discourse-cdn.com/meta/original/3X/5/e/5e5e40b39afb6456541c530dd8599b6aceb9619a.mp4)

이것이 popper와 관련이 있다고 생각합니다 @j.jaffeux? 어떻게 접근해야 할지 확실하지 않습니다

---

<div class="post-metadata">

### Author: ![j.jaffeux](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/j.jaffeux/32/60297_2.png) [@j.jaffeux](https://meta.discourse.org/u/j.jaffeux)
#### Post date: [8월 31, 2021, 7:18오후 UTC](https://meta.discourse.org/t/few-minor-issue-with-dropdowns/201993/5 "2021-08-31T19:18:21Z")

</div>

> [@awesomerobot](#):
>
> > [@Don](#):
> >
> > 모바일에서 드롭다운 위치가 몇몇 곳에서 올바르지 않습니다.
> > 
> > > [https://global.discourse-cdn.com/meta/original/3X/5/e/5e5e40b39afb6456541c530dd8599b6aceb9619a.mp4](https://global.discourse-cdn.com/meta/original/3X/5/e/5e5e40b39afb6456541c530dd8599b6aceb9619a.mp4)
> 
> 이것이 popper와 관련이 있을 것 같은데 @j.jaffeux? 어떻게 접근해야 할지 잘 모르겠습니다.

재현이 되지 않습니다. 어떤 기기에서 재현되나요? Safari에서 일어나는 건가요, 아니면 DiscourseHUB에서 일어나는 건가요? (참고로 어느 쪽에서도 재현이 되지 않습니다).

---

<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: [8월 31, 2021, 7:21오후 UTC](https://meta.discourse.org/t/few-minor-issue-with-dropdowns/201993/6 "2021-08-31T19:21:46Z")

</div>

이것은 Android 10, Chrome 92.0.4515.166 환경입니다.

---

<div class="post-metadata">

### Author: ![j.jaffeux](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/j.jaffeux/32/60297_2.png) [@j.jaffeux](https://meta.discourse.org/u/j.jaffeux)
#### Post date: [8월 31, 2021, 7:29오후 UTC](https://meta.discourse.org/t/few-minor-issue-with-dropdowns/201993/7 "2021-08-31T19:29:53Z")

</div>

Chrome 91만 사용할 수 있으며, 지금까지 Android 10/11에서는 재현되지 않았습니다.

 ![Capture d’écran 2021-08-31 à 21.27.40](https://global.discourse-cdn.com/meta/original/3X/d/2/d27d398fa20341e5edd797e0b91f9a3b9b07388a.png)

---

<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: [8월 31, 2021, 7:37오후 UTC](https://meta.discourse.org/t/few-minor-issue-with-dropdowns/201993/8 "2021-08-31T19:37:43Z")

</div>

아, 맞다. 찾은 것 같습니다. 원인은 전화기의 화면 크기 설정이었어요. 저는 작은 크기로 설정하고 있었는데, 이제 기본값으로 변경하니 정상적으로 작동합니다. 이 문제는 작은 화면 크기 설정에서만 발생하는 것 같습니다.

 ![Screenshot_20210831_214331_com.android.settings](https://global.discourse-cdn.com/meta/original/3X/5/4/541f917ef3159baebf9db1a9361c7bbd480326fb.jpeg)

---

<div class="post-metadata">

### Author: ![j.jaffeux](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/j.jaffeux/32/60297_2.png) [@j.jaffeux](https://meta.discourse.org/u/j.jaffeux)
#### Post date: [9월 1, 2021, 7:29오전 UTC](https://meta.discourse.org/t/few-minor-issue-with-dropdowns/201993/9 "2021-09-01T07:29:39Z")

</div>

네, 알겠습니다. 재현할 수 있으니 확인해 보겠습니다. 다만 우선순위는 낮을 것 같습니다.

---

<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: [9월 10, 2021, 5:56오후 UTC](https://meta.discourse.org/t/few-minor-issue-with-dropdowns/201993/10 "2021-09-10T17:56:05Z")

</div>

안녕하세요,

이전에 보고했던 드롭다운 관련 마지막 문제가 이제 수정되었습니다. ⬇ 👏

> [@Don](#):
>
> - 모바일에서 드롭다운 위치가 몇몇 부분에서 올바르지 않습니다.
> 
> [https://global.discourse-cdn.com/meta/original/3X/5/e/5e5e40b39afb6456541c530dd8599b6aceb9619a.mp4](https://global.discourse-cdn.com/meta/original/3X/5/e/5e5e40b39afb6456541c530dd8599b6aceb9619a.mp4)

@pmusaraj 님의 커밋([UX: Normalize sizing for inputs, buttons, dropdowns (#14226) · discourse/discourse@24e71ac · GitHub](https://github.com/discourse/discourse/commit/24e71acf3f8be166083505b819c8c4d3c04694a9))에서 수정된 것으로 보입니다.

모두 감사합니다! ❤

---

<div class="post-metadata">

### Author: ![j.jaffeux](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/j.jaffeux/32/60297_2.png) [@j.jaffeux](https://meta.discourse.org/u/j.jaffeux)
#### Post date: [10월 13, 2021, 5:11오전 UTC](https://meta.discourse.org/t/few-minor-issue-with-dropdowns/201993/11 "2021-10-13T05:11:13Z")

</div>


