A bug occurs when deleting a box ：A DOM element reference is required, But there is no problem using shift to select

[nanfb]

Describe the Bug

I don't know if this is a feature: shift+left mouse button to select the element dragged into the canvas, and then use the shortcut key del to delete, a bug will appear: console.ts:40 unhandled error in event listener Error: A DOM element reference is required, But there is no problem using shift to select

Steps to Reproduce

Shift+left mouse button selects the elements dragged into the canvas, and then uses the shortcut key del to delete shift+left mouse button to select the elements dragged into the canvas, and then uses the shortcut key del to delete

The following cases occurred in：https://demo.bpmn.io/s/start

exmpper.mp4

Expected Behavior

Delete the node selected by the box

Environment

• Browser: [Chrome 127.0.6533.120]
• OS: [e.g. Windows 11]

[barmac]

I can reproduce this issue. Thanks for reporting.

[nikku]

@barmac I cannot reproduce it locally. Could we try to get https://github.com/bpmn-io/bpmn-io-demo/pull/184 merged and see if we can still reproduce?

[barmac]

I cannot reproduce the issue with the PR you shared!

[barmac]

I can reproduce it on main though.

Screen.Recording.2024-08-19.at.15.33.28.mov

[barmac]

Note that you need to keep pressing shift when you add the second shape, and select the same shape with shift pressed again.

[nanfb]

@barmac我无法在本地重现它。我们可以尝试合并https://github.com/bpmn-io/bpmn-io-demo/pull/184并查看是否仍可以重现吗？
Simple multi-selection is normal. The key point is box selection, which is to hold down shift and use the left mouse button to select nodes and then delete them.

[barmac]

@nikku to add it to the spring cleaning list.