Playwright: drag and drop

Created on 25 Feb 2020 · 5Comments · Source: microsoft/playwright

Drag and drop should work with playwright. Using the existing mouse apis should generate working dragstart, drag, and drop events. There should also be new APIs to simulate dropping in external content, and to inspect content dragged from the web page.

v1.7

Source

JoelEinbinder

👍20

All 5 comments

Chromium

I had a patch that tries to do this years ago. Maybe I can revive it? It ended up touching a lot of layers.
https://chromium-review.googlesource.com/c/chromium/src/+/1340803

WebKit

Blocked on WPE not having drag and drop enabled. I'll have to enable it first before deciding how to mock it with playwright.

Firefox

I haven't investigated firefox yet.

JoelEinbinder on 25 Feb 2020

👀1

Is it possible to drag and drop at this stage?

isenese on 22 Jun 2020

Is there a way to drag and drop an element to a particular location on the page? I want to be able to drag and drop either horizontally or vertically by a certain pixels. The current dragAnddrop() method brings the dragger back to its original position as I'm not able to drag it enough to drop it in placeholder.

skum-hub on 13 Sep 2020

👍1

Hi ! i wanna know if there is a solution to test drag and drop angular with playwright.
I tried to use this code:
await page.dispatchEvent('#target', 'a', { draggableElem });
but it didn't work !
any help plz !
i'm using angular 9 / playwright 1.3.0