DOM 클릭 타겟 문제로 Formbricks 설문조사 중단 사태: 조용한 버그의 진실

Formbricks SDK에서 버튼 내부의 아이콘(SVG)을 클릭할 경우 설문 트리거가 작동하지 않던 '조용한 버그'의 원인과 해결 과정을 다룹니다. `.matches()` 대신 `.closest()`를 사용하여 DOM 트리 상위 요소를 탐색하도록 개선함으로써, 현대적인 UI 구조에서도 안정적으로 작동하는 로직을 구현한 사례입니다.

• 1버튼 내 SVG 등 자식 요소 클릭 시 `.matches()`가 실패하여 설문 트리거가 중단되는 버그 발생
• 2에러 로그나 경고가 없는 '조용한 실패'가 사용자 신뢰를 저해하고 디버깅을 어렵게 만듦
• 3`.closest()` 메서드를 도입하여 클릭된 요소의 상위 부모 요소까지 탐색하도록 로직 개선
• 4성능 최적화를 위해 직접 매칭 성공 시에는 `.closest()`를 호출하지 않는 'Fast Path' 유지
• 5현대적인 UI 프레임워크(shadcn, MUI 등)의 복잡한 DOM 구조를 고려한 이벤트 위임 설계의 중요성