(오류) select에서 키보드로 요소를 선택하면 선택이 풀리는 문제

[lego37yoon]

이용 환경

키보드로 UI 조작

발생한 문제

select (시/도, 시/군/구 선택) 에서 키보드로 요소를 선택하면 URL 이동으로 re-rendering이 발생하여 선택이 풀립니다.
[ 제보자 : @cog25 님 ]

그 밖에

• 키보드로 요소 선택 중에는 변경되지 않도록 조치
• 키보드로 선택하는 사용자를 위해 이동하기 전용 버튼 비치

[lego37yoon]

onChange 이벤트 발생 시에 기본적으로 Event 객체에 키보드 키를 판별할 수 있는 내용이 들어있지 않으므로, onKeyDown과 같은 다른 이벤트에서 변경되지 않도록 조치하면 1번 사항이 해결되겠지만,

기본적으로 이동하기 버튼이 비치되는 시점에서 마우스 사용자에게 혼란을 유발할 수 있고, onClick 이벤트는 select 구성요소에 허용되지 않으므로 접근성 향상을 위해 키보드를 사용하지 않는 사용자가 불편함을 감수하는 것이 더 맞다고 판단하였습니다.

이에 향후 업데이트 반영 시 지역 변경을 위해서 반드시 이동 버튼 (→)을 누르도록 조치할 예정입니다.