drag image

[hongnny]

Description

In version 36, dragging images was possible within a line, but in version 37 it is no longer possible and can only be dragged to the front or back of a certain line. I would like to know where this behavior is controlled and hope to receive help

in version 36

Reproduction URL

No response

Reproduction steps

1. Go to '...'
2. Click on '....'
3. Scroll down to '....'
4. See error

Plate version

36.0.6

Slate React version

18.3.1

Screenshots

No response

Logs

No response

Browsers

No response

Funding

• You can sponsor this specific effort via a Polar.sh pledge below
• We receive the pledge once the issue is completed & verified

[felixfeng33]

Can you try removing the Image-related configuration in with-draggables.tsx?

[hongnny]

There is no image configuration in with-draggable.tsx

Looking at the source code of the Image component, the draggable property of Img is true, so the image itself supports dragging. I think there should be a drop event to listen for the dragging and dropping of the image and perform related operations, but I couldn't find the key code.

Because I want to achieve the same functionality as the latest plate demo, where dragging and dropping the image itself does not perform any operations, and only the left drag button is executed

[felixfeng33]

You should config with-draggable.tsx then disable the set the draggable to false

[felixfeng33]

I found that after configuring with-draggable.tsx, the behavior you mentioned stops working; it seems like a bug.But you can use draggle: false to disable this behavior.

[hongnny]

In my opinion, configuring with-draggable.tsx controls whether the image has a left drag button, but it does not control the drag behavior of the image itself

Just like the operation in the video, dragging the image itself after a comma in plate.org will not separate the text. I haven't found how this behavior is prohibited.

[hongnny]

Yes, according to your suggestion, configure draggable: false for the image to solve the problem, so that the image itself does not support dragging.

But I still haven't figured out that question

[felixfeng33]

Yes, according to your suggestion, configure draggable: false for the image to solve the problem, so that the image itself does not support dragging.

But I still haven't figured out that question

yes this should be a bug thanks u report

[felixfeng33]

btw this drag behavior should be the browser’s default behavior.