encountered an error post drag and drop is complete

[T-e-j-k-u-m-a-r]

Hi team,

Please find the below code snippet where I'm trying to achieve drag and drop and getting an error on Test runner console.

Code Snippet:

it('using npm package', () => {

    cy.visit(`https://testautomationpractice.blogspot.com/`)
    cy.get('div#draggable').drag('div#droppable')

});

---

Error:

Timed out retrying after 10000ms: cy.trigger() failed because this element:

...

is being covered by another element:

...

Fix this problem, or use {force: true} to disable error checking.

[T-e-j-k-u-m-a-r]

[T-e-j-k-u-m-a-r]

Even tried with difference as per the documentation in the npm repo, But it results in false positive result. Please find below code snippet for the same:

it.only('using npm package - way 2', () => {

    cy.visit(`https://testautomationpractice.blogspot.com/`)
    cy.get('div#draggable').drag('div#droppable', {
        source: { x: 100, y: 100 }, // applies to the element being dragged
        target: { position: 'center' }, // applies to the drop target
        force: true, // applied to both the source and target element
    })

});

[T-e-j-k-u-m-a-r]

Please look into the issue and resolve asap.

Thanks in advance,
Tejkumar Kempaiah

[barnie-karbonhq]

This was raised on March 25th and still no fix :(

[barnie-karbonhq]

Did you found a work around @T-e-j-k-u-m-a-r ?