팝업전 눌렸던 항목의 잔상이 팝업에 나타나는 현상 없애기..

누군가 만든 팝업용 자바스크립트 라이브러리를 사용하는데,

팝업이 열리고 닫히는 기능은 정상 작동을 하지만..

 

팝업이 열리기 전의

input/select/textarea 태그의 잔상이

팝업에 표시되는 현상 발생.

 

화면을 터치하거나 스크롤 하면 없어지는데,

잔상 자체가 나오지 않는 방법을

찾기 시작..

 

결국 찾았네요.

팝업 열리기 전에 선택된 항목에

포커싱이 있기 때문에,

웹브라우저가 친절하게(?) 표시를 해 주었던 것.

 

그래서, 해결 방법은..

아웃 포커싱, 즉.. blur() 처리 하면 됨.

코드는 간단하지만, 원리를 찾는 과정이.. ㅠ