Plans to support iOS?

[9mm]

I noticed all the demo examples are broken on iPhone, even the simple examples. Is this something thats on the roadmap?

[hcg1023]

Did you open it from your iphone? Or is it opened through the chrome emulator?

[9mm]

I opened the “examples” page on the actual iphone (version 16.5, iphone 14 Pro)

[hcg1023]

The problem has been recorded, I will try the real machine operation as soon as possible

[hcg1023]

You can try the react-dnd example to see if it works on your machine https://react-dnd.github.io/react-dnd/examples/dustbin/single-target

[9mm]

Awesome you rock, thanks!

Your example URL works properly in:

• OSX chrome
• OSX safari

It also works in iOS you just have to hold it a very long time to drag it, but it still works perfect

[9mm]

https://hcg1023.github.io/vue3-dnd/example/dustbin/single-target.html

on this example for vue3-dnd, the 2 issues on ios are:

• the item never follows along with the finger dragging, but the dropzone does activate
• it highlights all the text as youre trying to hold down the item to begin dragging, which then prevents the drag and drop from taking place, so maybe you need pointer-events: none or something like that?

[hcg1023]

This is related to the implementation of react-dnd-touch-backend, touch-backend implements drag and drop through touchstart, touchmove, touchend and other events

[hcg1023]

So on the mobile side, you can't see the dragImage

[9mm]

Yes, it takes like 5 tries to try to “grab” it because it keeps highlighting the text. Then when it does grab it and you move thumb it doesn’t show the item being dragged

[hcg1023]

Yes, if you need to render dragImage on mobile, maybe you can try useDragLayer https://hcg1023.github.io/vue3-dnd/example/drag-around/custom-drag-layer.html

[9mm]

hmm ok, ill have to have a look at that. i just wanted to make sure it was possible/supported before integrating this into my project which will be fairly complex.

im building a drag-and-drop component builder, similar to this:

https://builder.io/demo

Can you think of any reason your project wouldnt work well for this before I start on it?

[hcg1023]

https://hcg1023.github.io/vue3-dnd/en/guide/faq.htmlYou can check the common problems here, if you have experience with react-dnd, vue3-dnd will not be difficult for you