콤포넌트 드래그 동작시 뷰어 swipe 문제

[vulcan9]

증상

번들 콤포넌트 동작 (주로 드래그 동작) 도중 뷰어의 swipe 기능이 실행되는 현상이 있음

원인

• 콤포넌트에 swipe 이벤트 전파를 막는 코드가 있으나 뷰어의 swipe 동작에서 사용하는 이벤트와 다른 이벤트를 막고 있음 (뷰어에서 구현이 바뀐것 같음)
• 따라서 콤포넌트 JS 코드를 수정아여 뷰어에서 사용하는 swipe 이벤트를 막아줘야함

swipe 방지 코드 적용

• 콤포넌트, 템플릿에 작성된 코드
  • App이 실행될때 또는 페이지에 삽입될때 적용해줌
• 콤포넌트, 템플릿 사용한 프로젝트에 있는 코드
  • 프로젝트 불러오기할때 적용해줌

방지 코드 샘플

뷰어의 swipe 동작에 사용되는 이벤트를 확인한 후 적용해야함

// 뷰어 swipe 방지 코드 추가해줌
function preventSwipe($dom){
  //console.error('dom: ', $dom);
  //$dom.dom.parentElement.style.transition = 'none';
  $dom.on("mousedown pointerdown touchdown", preventSwipeHandler);
}
function preventSwipeHandler(event){
  event.stopPropagation();
  $(document).on("mousemove pointermove touchmove", stopPropagation);
  $(document).on("mouseup pointerup touchup", reset);

  function stopPropagation(event) {
    event.stopPropagation();
  }

  function reset(event) {
    event.stopPropagation();
    $(document).off("mousemove pointermove touchmove", stopPropagation);
    $(document).off("mouseup pointerup touchup", reset);
  }
}

[vulcan9]

swipe 문제 콤포넌트/템플릿 업데이트 보류

• 미래앤 콤포넌트 : 수정 후 재 배포 필요
• 번들 콤포넌트 : 수정 안함