order-by-diagonal-distance.js

const sortSignaturesByDiagonalDistance = (a, b) => {
  // await nextTick();
  console.log('sort');

  if (!a.signatureRef) return 0;

  // Get the absolute position of the child relative to the parent
  const { top: distanceFromTopA, left: distanceFromLeftA } = a.signatureRef.getBoundingClientRect();    
  
  const { top: distanceFromTopB, left: distanceFromLeftB } = b.signatureRef.getBoundingClientRect();

  const aDistance = Math.sqrt(distanceFromTopA ** 2 + distanceFromLeftA ** 2);
  const bDistance = Math.sqrt(distanceFromTopB ** 2 + distanceFromLeftB ** 2);

  return aDistance - bDistance;
};