event.cancelable=false일 때 passive를 false로 바꿔도 해결되지 않는 것은 무엇인가요?

cancelable:false는 그 이벤트가 취소할 수 있는 기본 동작을 제공하지 않는다는 뜻이므로, listener를 {passive:false}로 바꿔도 preventDefault()로 막을 수 없습니다. passive는 취소 가능한 이벤트에서 이 listener가 취소하지 않겠다는 제한이고, cancelable은 이벤트 객체 자체의 계약입니다. 두 조건을 AND로 봐야 합니다.

예를 들어 new Event('wheel')은 cancelable을 명시하지 않으면 false인 합성 이벤트가 됩니다. handler가 preventDefault()를 호출해도 defaultPrevented는 false로 남습니다. new WheelEvent('wheel', {cancelable:true})처럼 테스트 입력을 만들면 passive false listener에서 취소 요청을 관찰할 수 있지만, 실제 브라우저의 scroll을 합성 이벤트가 재현하는 것은 아니므로 defaultPrevented와 실제 입력의 scrollTop을 구분합니다. 또한 setTimeout(() => event.preventDefault())처럼 기본 동작 시점 뒤에 호출하면 cancelable true여도 이미 진행된 동작을 되돌릴 수 없습니다.

stopPropagation()은 이 문제의 대안이 아닙니다. 기본 동작을 취소하려면 취소 가능한 실제 입력을 적절한 시점에 non-passive listener에서 처리하거나 CSS touch-action으로 제스처 계약을 선언해야 합니다. 진단 순서는 이벤트 생성 주체와 종류, cancelable, passive/capture 등록, 기본 동작 owner, 호출 시각, defaultPrevented, 실제 위치 변화를 한 로그로 묶는 것입니다.