환영 배너 검색 입력창에서 결과를 선택한 후 포커스가 사라집니다

기여 UX
,
1

환영 배너에서 검색을 입력하면, 제안된 결과를 선택한 후 입력 필드가 포커스를 잃습니다. 이 문제는 지우기 버튼을 사용할 때도 발생합니다.

대신, 콘솔에 다음과 같은 오류가 발생합니다:

The image shows an error message stack trace indicating a "TypeError: Cannot read properties of null" due to a scenario where a focus search input fails to provide a value. (Captioned by AI)
The image shows an error message stack trace indicating a "TypeError: Cannot read properties of null" due to a scenario where a focus search input fails to provide a value. (Captioned by AI)592×176 6.66 KB

(내일 PR을 올리겠습니다) 편집: 마틴이 이미 이를 수정하기 위한 PR을 준비해 두었습니다.

1개의 좋아요
2

이것이 관련이 있는지 모르겠지만, 검색 메뉴가 하나 이상 있을 때 일관성이 없는 것 같습니다. 예를 들어, 검색 배너가 렌더링되어 있는 경우에도 검색을 위한 키보드 단축키 /를 사용하면 헤더의 검색창이 열리고 포커스가 맞춰집니다. 헤더에서 검색 아이콘이 실제로 숨겨져 있는 경우에도 이 문제가 발생합니다.

3개의 좋아요
3

최근에 재빌드(rebuild)를 했나요? 이 동작을 수정해야 하는 관련 PR을 확인할 수 있습니다: UX: Fix various search shortcut UX issues (#31903) · discourse/discourse@832ed8c · GitHub

2개의 좋아요
4

오, 그걸 못 봤네.. 이건 제대로 된 수정이네! :grinning_face_with_smiling_eyes:

하지만 동작이 완전히 일치하는 것 같지는 않아.. 코어에서 새 검색 배너를 활성화하면 동작은 해. 그런데 그때는 검색 배너에만 포커스가 맞춰져.

하지만 컴포넌트의 배너, 즉 이제 고급 검색 배너라고 불리는 그건 포커스가 안 맞아. 헤더의 검색 아이콘에 포커스가 맞춰져.

그리고 헤더 검색을 설치하고 코어 배너를 활성화하면, 두 배너에 동시에 포커스가 맞춰져:

The image shows a webpage with a search bar and a message that says "Welcome back, nolo!" with placesholders "filters by category or tag" and "filters by topic status" beneath it, along with a circular profile picture and a speech bubble on the right side. (Captioned by AI)
The image shows a webpage with a search bar and a message that says "Welcome back, nolo!" with placesholders "filters by category or tag" and "filters by topic status" beneath it, along with a circular profile picture and a speech bubble on the right side. (Captioned by AI)1125×291 17.2 KB

그래서 이제 조합이 많이 생겼고, 명확한 포커스 위계를 정의하는 것이 꽤 까다로울 것 같아?

1개의 좋아요
5

맞아요, 좀 까다롭네요! :sweat_smile:

참고로, Martin이 제 문제를 수정하고 몇 가지 사항을 개선하는 PR을 작업 중입니다. 여러분의 상황에도 도움이 될 수 있을 것 같아요.

4개의 좋아요