[ETC]Mac에서 Select box 호환 오류 해결

윈도우에서는 정상 동작했는데 맥북에서 셀렉트 박스의 값이 제대로 안 넘어가는 현상이 발생했다.

크롬 뿐만 아니라 사파리, 웨일 등에서도 동일 현상이 발생 하였다.

다른 기능들에서 select box는 onChange로 이벤트를 넘겼으나 해당 오류가 발생한 부분은 onClick 으로 작성했다.

아래와 같이 onClick → onChange 로 변경 하면 Mac OS 환경에서도 정상 동작 한다.

// 변경 전
<select onClick={(e) => setTestCd(e.target.value)}> ... </select>

// 변경 후
<select onChange={(e) => setTestCd(e.target.value)}> ... </select>

이거 말고도 input에서 텍스트 입력 후 엔터를 눌렀을 때 두 번씩 댓글이 등록되는 현상이 있었는데 다음 번에 정리 해야겠다. 

 

 

참고

https://stackoverflow.com/questions/11384389/why-does-select-box-on-mac-chrome-doesnt-respond-to-click-event

Why does select box on mac chrome doesn't respond to click event?