Events are not triggered on elements inside group for Viewer and NavigatedViewer

[OmranAbazid]

Describe the Bug

For the Viewer and the NavigtatedView, bpmnjs events(e.g hover, click) do not fire on elements inside of a group
For the modeler, it works fine.

Steps to Reproduce

1. Load into a NavigatedViewer a BPMN diagram that has a group element and some flow nodes inside
2. attached a click or hover to the viewer instance that console logs the element name
3. click or hover over the elements inside the group
4. clicking on elements inside the groups logs only the group name

Please see the example here

Expected Behavior
The event triggers on the child element of the group exactly like the modeler

Environment

• Browser: Chrome 80
• OS: MacOS high sierra
• Library version: 6.1.2

[pinussilvestrus]

Thanks for reporting and sharing the example!

Seems like the pointer-events: stroke property is not properly set on groups inside the Viewer. Probably because the isFrame attribute is not set when rendering the group element.

Setting this property belongs to the ElementFactory, which is not available in the Viewer classes. We should find a better place for it.

[nikku]

Addressed via #1279.