Блог

Я использую interact.js в моем проекте Ionic Vue. У меня есть экран, на котором есть круг на экране, когда он перетаскивается, он клонируется в родительский элемент. Код показан ниже. Это работает большую часть времени в реальном браузере (не на 100%). Но на моем мобильном телефоне я всегда получаю эту странную ошибку, и я не понимаю, почему. Я попытался понять, почему и откуда это берется. Я отследил ошибку до этой строки кода :

 interaction.start({ name: "drag" }, event.interactable, element);  

 .on('move', dragOrClone); // this function that cases error is called on this line of global interact instance   const dragOrClone = (event) =gt; {  const { currentTarget, interaction } = event;  let element = currentTarget;   if(  interaction.pointerIsDown amp;amp;  !interaction.interacting() amp;amp;  currentTarget.style.transform === ""  ) {  element = currentTarget.cloneNode(true);   element.style.position = "absolute";  element.style.left = 0;  element.style.top = 0;  element.style.width = '24px';  element.style.height = '24px';  element.style.transform = 'translate(0px, 0px)';  element.classList.remove('bg-yellow-800');  element.classList.add('bg-yellow-600');   // Adding object inside parent container element  dropzone amp;amp; dropzone.appendChild(element);   position.x = 0;  position.y = 0;   // If we are moving an already existing item, we need to make sure the position object has  // the correct values before we start dragging it  }else if(  interaction.pointerIsDown amp;amp;  !interaction.interacting()  ) {  updatePositionFromTransform(currentTarget);  }   // Start the drag event  interaction.start({ name: "drag" }, event.interactable, element);  };   

Правка : Также этот круг, используемый для клонирования других, не имеет значения преобразования, поэтому утверждение if, какой клонированный объект может быть истинным. Но когда я только трансформируюсь на нем, я не вижу этой ошибки, но это нарушает мое намерение клонировать объект.