Cell index change by drag&drop

[ITfanheng]

Hi,

When i drag and drop the cell, cell's z will be the biggest。

2022-08-17.4.45.35.mov

Here is my cell class. (Already Omitted the ports property)
I didn't change the ElementView.

export class Device extends joint.shapes.standard.Rectangle {

        portLabelMarkup = [{
            tagName: 'text',
            selector: 'portLabel'
        }];

        override defaults() {
            return joint.util.defaultsDeep({
                type: 'my.Device',
                attrs: {
                    body: {
                        refWidth: '100%',
                        refHeight: '100%',
                        verticalAnchor: 'middle',
                        anchor: 'middle',
                        strokeWidth: 2,
                        stroke: '#000000',
                        fill: 'transparent'
                    },
                    label: {
                        textVerticalAnchor: 'middle',
                        textAnchor: 'middle',
                        refX: '50%',
                        refY: '50%',
                        fontSize: 14,
                        fill: '#333333'
                    },
                    root: {
                        magnet: false
                    }
                }
            }, joint.shapes.standard.Rectangle.prototype.defaults);
        }

        validateProperty(path: string, value: string): string | undefined {
            const rules = this.get('rules');
            // eslint-disable-next-line @typescript-eslint/no-explicit-any
            const rule = rules.find((item: any) => item.path === path);
            if (rule) {
                const reg = new RegExp(rule.reg);
                if (reg.test(value)) {
                    return;
                }
                return rule.errorMessage;
            }
        }
    }

Any help will appreciate!

[kumilingus]

Do you use the paper's embeddingMode?

[ITfanheng]

yes

[ITfanheng]

Can i change the cell's z when embeding successfully?

By the way, can i listening the embed action and away from the parent cell action?

Thanx.

[kumilingus]

What is it you are trying to achieve?

For example, you can restore the z index to its original value on pointerup if the element is not embedded at the end of the drag.

const paper = new dia.Paper({
    /* ... *.
    embeddingMode: true
});

paper.on('element:pointerdown', (elementView, evt) => {
    evt.data.z = elementView.model.get('z');
});
paper.on('element:pointerup', (elementView, evt) => {
    if (elementView.model.isEmbedded()) return;
    elementView.model.set('z', evt.data.z);
});