Plugin don't work as expected with Angular material about cypress-drag-drop HOT 2 CLOSED

This code snippet works for me, inspired by @jmcollin78 's stackflow post and official recipe

Cypress.Commands.add(
  'dragTo',
  { prevSubject: 'element' },
  (subject, droppableSelector: string) => {
    const coords = Cypress.$(droppableSelector)[0].getBoundingClientRect();
    cy.wrap(subject)
      .trigger('mousedown', { which: 1 })
      .trigger('mousemove', { clientX: coords.x + 10, clientY: coords.y + 10 })
      .trigger('mouseup', { force: true });
  }
);

Usage:

cy.get('.selector-for-draggable-element').dragTo('.selector-for-droppable-element');

from cypress-drag-drop.

@jmcollin78 I have never worked with Angular nor Angular material. We also do not use Angular at all in the company. So I probably wont have too much time to solve that issue. But feel free to open a PR. I am also doing a review.

from cypress-drag-drop.