How do disable a selectable area of a node?

[rsoika]

I have a strange requirement and wonder if this is solvable somehow.

In BPMN we have so called Pools which are containers for other Flow Elements. These Pools can become very very large in a diagram so it is needed to scroll through the diagram some how.

But the Pool Shape in my case has a background fill color. This means when I click with the mouse in a free area of the pool I automatically select this Pool and start moving the pool within the diagram plane. This results in a ChangeBoundsOperation, but I want to avoid this in such a situation and just scroll through the whole diagram.

I wonder how I can avoid this behaviour and define only a small selectable area on the left header of a Pool to select this element.

I know that when I remove the CSS fill attribute, than I have exactly this behaviour. If I click in free area I do not move the pool but scroll through the diagram. And I still can click on the Header Compartment in my view to select the pool and move it within the diagram :

But this only works because I have no more fill color. For layout reasons I need some kind of filled background to get a better contrast in the diagram.

So my question is: how can I disable the select feature for a specific area or part of my ShapeView, so that even when the SVG shape has a fill color a mouse-click event goes through to the root diagram plane as it behaves if I have no fill color? Maybe this is more a sprotty or SVG problem and not a GLSP problem, but I did not get an idea how to solve this.

I hope to have formulated the problem somehow understandable.

[rsoika]

I found the solution by myself. To make the background of an SVG element not selectable, you can add the following CSS rule to the container:

pointer-events: none;

This will prevent the SVG's background from capturing any pointer events (e.g., mouse clicks), making it unselectable.