모바일에서 태그 선택기를 닫는 방법을 어떻게 알아야 하나요?

이 문제는 오래전부터 계속 신경 쓰였습니다.

모바일에서 태그를 추가하면 선택기가 계속 열린 상태로 유지됩니다. 하지만 선택기를 닫을 명확한 방법이 없어 콘텐츠를 작성하기가 어렵습니다.

태그 입력란을 탭하면 선택기가 닫히는 것은 알고 있습니다. 하지만 직관적이지 않습니다. 인터넷에서 선택기를 닫을 때 보통 여러 가지 방법이 있습니다:

  • “빈” 영역을 탭합니다
  • 해당 아이콘이 있다면 아이콘을 클릭합니다
  • 선택 후 자동으로 닫힙니다 (Discourse에서는 여러 태그를 선택할 수 있으므로 반드시 작동하지는 않지만, meta에서는 1개만 선택하는 경우가 더 흔합니다)

입력란을 클릭하면 닫는다는 것을 알고 있음에도 불구하고, 너무 직관적이지 않아 계속 신경 쓰입니다. 선택기를 닫는 방법을 여전히 생각하거나 기억해야 합니다.

이를 어떻게 개선할 수 있을까요?

10개의 좋아요

네, 모바일에서는 키보드를 닫은 뒤 드롭다운 목록 바깥을 탭해야 합니다.

별로 편하지 않아요.

4개의 좋아요

태그를 선택한 직후 바로 사라지는 찰나의 타이밍을 이용해 닫습니다. 분명 이상적인 방법은 아닙니다.

이 문제는 우리 커뮤니티에서 분명히 중요한 사안입니다. 회원 중 많은 분들이 모바일만 사용하시고, 기술에 익숙하지 않으시거든요…

검색 필드에 커서 포커스가 있을 때 드롭다운이 위로 접히기를 기대했음을 알게 되었습니다. 무언가를 입력할 때는 드롭다운이 아래로 펼쳐지고, 아무것도 없을 때는 접히기를 기대합니다.

1개의 좋아요

네, 여기서 메뉴 바깥을 클릭해야 하는 건 직관적이지가 않아요.

지난 몇 년 동안 많은 모달과 메뉴를 “바텀 시트/카드” 뷰로 전환해 왔고, 일부 select-kit 계열 드롭다운도 이 패턴에 맞게 현대화하는 작업이 진행 중입니다.

@saquetim 님이 현재 이 작업을 초기 단계에서 진행 중이지만, 아직 정확한 타임라인은 파악되지 않았습니다. 다만 작업이 완료되면 태그 선택기가 다음과 더 유사한 형태가 될 거예요:

3개의 좋아요