html 모달창 바로 꺼지는 이유

• 문제상황

 

영상에서 보는 것 처럼 삭제 버튼을 눌렀을때 직접 만든 <div class="modal-wrap" id="modal-wrap></div> 이 뜨고 가만히 있는게 아니라, 누르면 사라지고 누르면 사라지는 깨진독에 물을 붓는 모습을 볼 수있다.

 

 

 

 

• 해결방식

혹시 cdn이나 다른 js를 받아오는 과정에서 중첩돼서 오류가 난걸까..

코드에 문제가 있는걸까...

눈물을 흘리며 테스트를 반복해봤지만 문제상황은 해결되지 않았는데

원인은 가까운곳에 있었다

 

 

 

폼 데이터 안에 있는 버튼은 submit을 누르는 순간 폼 데이터가 전송이 되면서

화면이 새로고침이 되어 모달창이 깜빡깜빡 거렸던 것이다...!

같은 이유로 a 태그 클릭시에 모달창이 뜨게하면 비슷한 현상을 마주할 수 있다 

 

 

 

• 결과

 

form을 없애주며 아주 간단히 해결 완료!