Function onDragStart

src/options/utils/dragging.js:103–128

(e)

}

function onDragStart(e) {
  if (!scriptFromEvent(e)) return;
  if (e.cancelable) e.preventDefault();
  const { clientX: x, clientY: y } = e.touches?.[0] || e;
  const rect = original.getBoundingClientRect();
  const parentRect = parent.getBoundingClientRect();
  dragged = original.cloneNode(true);
  elements = parent.children::[].filter(el => el.style.display !== 'none');
  index = elements.indexOf(original);
  lastIndex = index;
  elements.splice(index, 1);
  height = rect.height;
  offsetX = x - rect.left;
  offsetY = y - rect.top;
  scrollEdgeTop = parentRect.top + SCROLL_GAP;
  scrollEdgeBottom = parentRect.bottom - SCROLL_GAP;
  xyCache = {};
  original.classList.add('dragging-placeholder');
  dragged.classList.add('dragging');
  dragged.style.transform = `translate(${rect.left}px, ${rect.top}px)`;
  dragged.style.width = `${rect.width}px`;
  parent.appendChild(dragged);
  if (isTouch) parent.insertAdjacentElement('afterBegin', noScroll);
  addEventListener(eventNames.move, onDragMouseMove);
  addEventListener(eventNames.end, onDragMouseUp);
}

function onDragMouseMove(e) {
  const { clientX: x, clientY: y, target } = e.touches?.[0] || e;