0%

Bootstrap Modal에서 SweetAlert2의 Input이 입력되지 않는 문제

Bootstrap Modal 내에서…

요새 웹 개발에서 Alert 등을 좀 더 이쁘게(?) 사용하기 위해 쓰는SweetAlert2을 Bootstrap Modal 위에서 사용하다가 input이 있는 Alert에 문제가 있음을 발견했다.
Modal 내에서 Input에 대한 입력 포커스가 맞춰지지 않는 문제였다.
그래서 Stackoverflow를 검색하던 도중 방법을 찾았고…
방법은 아래와 같다.

1
2
3
$('#userInfoModal').on('shown.bs.modal', function() {
$(document).off('focusin.modal');
});

위와 같이 Js에서 처리를 하면 정상적으로 입력이 잘 된다.