- 국비 출결 날짜와 맞췄다.(136일)
- 이제 출결 90%를 넘겼다...!
부트스트랩의 모달창 문제점
문제 1 : 여러 모달창 띄우기가 안됨
- 부트스트랩5의 모달 2개를 한 화면에 유지한 채 연달아 띄우는 걸(multiple modal on one page) 하려고 했는데 아무리 해도 안됐다. 이전 모달창을 닫고 나서 다른 모달창을 띄우는 것이 현재의 문제점.
- 이전 모달창을 닫지 않고도 다른 모달창을 여는 걸 가능한 예시를 보니 죄다 부트스트랩4 이하 버전... 찾아보니 공식에서 이미 못을 박아놨다. 못한다고.
data-bs-toggle로 모달창을 여는 게 기본 방식인데, 이러한 방식은 여러 개의 모달을 동시에 띄우지 못한다고..... (Please note multiple modals cannot be open at the same time)
해결 방법
1) sweetalert 사용하기
2) 직접 모달창을 만들어서 열기
- 난 둘다 했다!! ㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎ
문제 2 : 여러 모달창 띄울 시 input태그에 focus가 가지 않음
- 1번 모달창을 띄운 채로 2번 모달창을 띄웠는데, 2번의 input에 값을 입력하려고 해도 클릭이 되지 않았다!!!
- 탭을 눌러서 확인해보니, 1번 모달창에서 왔다갔다 한다.
- 검색해보니 여러 사람들이 겪는 모양. 누가 해결방법을 찾아냈는데, 이후 부트스트랩이 업그레이드를 해서 막혔다고 한다.
했던 방법들
- focusout(), blur(), focus(), focusin() 등등......
해결방법
tabindex = "-1"속성 추가
- 1번 모달창에 focus가 가는 모든 태그에 위의 속성을 추가했더니 해결!!!
