Chrome에서 텍스트가 선택된 상태에서 검색 드롭다운에서 사용자 메뉴로 전환되지 않음

안녕하세요,

드롭다운 검색 패널에 텍스트가 선택된 상태로 남아 있으면 드롭다운 사용자 메뉴로 전환할 수 없는 문제를 발견했습니다.

이 문제는 이전에 검색란에 무언가를 입력한 후 다시 검색을 열 때 입력 필드의 텍스트가 자동으로 선택되는 경우 주로 발생합니다.

재현 방법:

Apr-17-2023 10-45-52

감사합니다 :slightly_smiling_face:

3개의 좋아요

Contribute > Bug 채널로 옮기겠습니다. 규모가 작고 일종의 엣지 케이스일지라도, 쉽게 우회할 수 있다 해도 정상적인 동작을 방해하는 문제입니다. :slight_smile:

잘 짚어주셨네요 :fishing_pole_and_fish:

2개의 좋아요

재현이 안 됩니다. 어떻게 해야 하나요?

  • 검색 팝업 열기 (주제 목록 또는 주제 내부에서)
  • ‘hello’ 입력
  • 박스 밖을 클릭하여 검색 닫기
  • 검색을 다시 열면 이전의 ‘hello’ 입력이 여전히 남아 있고 자동 선택된 상태
  • 아바타 클릭

이렇게 하면 저에게는 아바타 메뉴가 열리나요?

  1. 검색 상자를 엽니다

  2. 무언가를 입력합니다

  3. 텍스트를 선택합니다

  4. 아바타를 클릭합니다 → 사용자 메뉴가 열려야 하는데 아무 반응이 없습니다 :slight_smile:

음 :thinking: 저한테도 사용자 메뉴가 열립니다.

데스크톱에서 이 문제를 재현해 보았습니다. 텍스트가 선택(하이라이트)된 상태여야 합니다.

사실 저는 이 문제를 꽤 전에 메타에서 이미 알아챘지만, 당시에는 별것 아닌 줄 알았어요. 검색창에 마지막 검색어가 남아 있고, 보통 텍스트가 기본적으로 선택되어 있거든요. 실수로 아바타 대신 검색 아이콘을 클릭하게 되면, 이전에 검색한 내용이 남아 있어서 아바타 메뉴를 열기 전에 먼저 검색창을 닫아야 한다는 점이 눈에 띕니다.

브라우저 관련 문제인 것 같습니다. Firefox에서는 발생하지 않지만 Chrome에서는 발생합니다.

2개의 좋아요

딩 딩 딩. :slight_smile: 방금 크롬에서 시도해 봤는데 재현할 수 있습니다 :+1:

2개의 좋아요

히히, 나도 막 사파리를 시도해보려던 참이었어. 그래, 버그는 윈도우 데스크톱 크롬에서만 발생하는 것 같아. 사파리나 iOS 데스크톱/모바일 크롬에서는 재현이 안 돼. 확실히 윈도우 데스크톱 크롬에서만 일어나는 문제인 것 같아.

안녕하세요,

Edge와 Opera에서도 발생하고 있습니다(둘 다 Chromium 기반 브라우저라고 생각되므로, 이러한 동작을 설명할 수 있습니다).

우선순위/심각도:
긴급하지 않음

플랫폼:
Chromium 기반 브라우저(현재까지 Edge, Chrome, Opera)에서 Windows 데스크톱.

설명:
검색 상자를 사용하고 제안어를 강조 표시한 후 드롭다운 사용자 메뉴가 표시되지 않습니다.

재현 단계:

  1. 검색 상자에 키워드를 입력합니다.
  2. 제안어 중 하나에 마우스를 올립니다.
  3. 프로필 아이콘/이미지를 클릭합니다.
1개의 좋아요

감사합니다. 다음을 통해 수정될 예정입니다:

PR 설명에 비교적 긴 설명이 있지만, 요약하자면 이전에는 텍스트가 선택된 경우 검색 메뉴의 clickOutside 이벤트를 건너뛰고 있었습니다. 그러나 검색 메뉴 입력 텍스트를 자동으로 선택하기 때문에, 다른 기법으로 전환했습니다.

4개의 좋아요

이 주제는 2일 후 자동으로 닫혔습니다. 더 이상 답변을 남길 수 없습니다.