Dragging multiple selected elements

[Marcin Wanago]

Hi,

I'm using JointJS and Rappid 3.5. I'm trying to implement selecting multiple elements in a similar way as in Kitchen sink.
https://resources.jointjs.com/demos/kitchensink
I didn't have any issue with implementing selecting multiple elements following the source code of Kitchen sink.

When I drag one of the selected elements to change the position, it drags just one element instead all of the selected elements. Is there some configuration I have to use to make it drag the whole selection?

Cheers,

Marcin

[Marcin Wanago]

Looks like dragging all selected elements should be the default behavior, am I right?

[Marek Hozák]

Hi Marcin,

Thank you for getting in touch! We've just moved our support to Github, where we answer all questions, exchange ideas for improving JointJS and JointJS+, and share news and updates.

To help us resolve your question, please post your question in the Github discussion. We promise to get back to you asap. 🙂

1. Visit https://github.com/clientIO/joint/discussions
2. Select Q&A from the categories
3. Click on the "New Discussion" button to ask your question
4. Expect our reply

Thank you for understanding and for being part of our community! 🙂 

Marek from JointJS

[manh ninh duc]

i have a same problem like you so if you know the answer please share the code

Vào lúc 21:51:58 UTC+7 ngày Thứ Tư, 18 tháng 5, 2022, mar...@wanago.io đã viết:

[manh ninh duc]

Hi,

I just fix the problem by delete 1 css in css file i get from the souce code demo dynamic-stencil https://resources.jointjs.com/demos/dynamic-stencil

  .selection-box {

    opacity: 0.3;

    /* pointer-events: none; */ is was this line 

}

and set allowTranslate to true , I hope that could help you 

Vào lúc 21:51:58 UTC+7 ngày Thứ Tư, 18 tháng 5, 2022, mar...@wanago.io đã viết:

Looks like dragging all selected elements should be the default behavior, am I right?

[Marcin Wanago]

Thank you, I will ask next questions in the Github discussions.

When it comes to "pointer-events: none", that's brilliant, thank you!

I was using it fix another issue I was having.

https://resources.jointjs.com/demos/qad

I have shapes that look very similar to the question blocks in the above demo. When I selected a shape, the selection block was preventing me from using the left half of the ports to drag a link. I will need to fix this problem in a different way than with using "pointer-events: none" on the ".selection-box". You've helped me a lot, though.