Modal Error

Error

초반에 후기 모달창을 작성 & 수정을 같이 이용했으나, 수정하기에서 스페이스바 & 엔터키를 누르면 창이 닫히고 열리는 현상 발생

해결시도

1. 같은 모달창이라 상태값이 문제인가 싶어 true/false로 되어있는 연결된 상태들을 다 바꿔봤지만 해결하지 못하였다.

2. auto focus를 input창에 고정시켜서 해결은 하였지만 정확한 원인을 발견하지 못하였다. (정확환 원인❌)

해결방법

후기 작성하기는 div element, 후기 수정하기는 button element 라서 생겼던 문제였다.

button은 space/enter키가 focus를 발생시키기 때문에 true/false로 계속 상태 변화 일어나서 모달창이 열렸다 닫혔다 할 수 있었다.

버튼 클릭했을때 button.blur() 메서드로 focus 해제가 필요한 것을 알 수 있다. (정확환 원인✅)