기존에 메뉴 열리던 코드를 제거하고, bootstrap에서 기본적으로 제공하는 offcanvas 기능으로 변경했습니다.
참고사항 (GPT)
페이지 이동 후 다시 메뉴를 열려고 하면 이동 휫수만큼 창 뒷 배경이 짙어지는 문제가 있었음.
Rails 7에서 기본적으로 포함된 Turbo를 사용하여 페이지 전환을 처리할 때, Bootstrap의 data-bs-toggle 속성을 가진 요소가 포함된 경우 페이지 이동 시마다 Bootstrap의 JavaScript 이벤트 리스너가 중복 등록되는 문제가 발생했습니다. 이로 인해, 특히 오프캔버스(Offcanvas) 컴포넌트의 backdrop이 여러 번 생성되어 중첩되는 현상이 나타났습니다. 즉, 루트 페이지로 돌아오거나 특정 링크를 여러 번 클릭할 때마다 backdrop이 반복적으로 쌓이면서 발생했던 문제.
변경사항
참고사항 (GPT)
페이지 이동 후 다시 메뉴를 열려고 하면 이동 휫수만큼 창 뒷 배경이 짙어지는 문제가 있었음.
Rails 7에서 기본적으로 포함된 Turbo를 사용하여 페이지 전환을 처리할 때, Bootstrap의 data-bs-toggle 속성을 가진 요소가 포함된 경우 페이지 이동 시마다 Bootstrap의 JavaScript 이벤트 리스너가 중복 등록되는 문제가 발생했습니다. 이로 인해, 특히 오프캔버스(Offcanvas) 컴포넌트의 backdrop이 여러 번 생성되어 중첩되는 현상이 나타났습니다. 즉, 루트 페이지로 돌아오거나 특정 링크를 여러 번 클릭할 때마다 backdrop이 반복적으로 쌓이면서 발생했던 문제.
스크린샷