Edge button blocking mouse events

[rllyy97]

trafficstars

If you click and drag what you think is the background next to an edge's add-node button, the drag is blocked by the drop target on the edge button.

This blocks any mouse interaction like primary/secondary clicks as well.

AB#15952523

[azure-boards[bot]]

❌ There was a problem linking to Azure Boards work item(s):

• 15952523

Please check the IDs and try again using the AB# syntax. Learn more

[azure-boards[bot]]

❌ There was a problem linking to Azure Boards work item(s):

• 15952523

Please check the IDs and try again using the AB# syntax. Learn more

[azure-boards[bot]]

❌ There was a problem linking to Azure Boards work item(s):

• 15952523

Please check the IDs and try again using the AB# syntax. Learn more

[azure-boards[bot]]

❌ There was a problem linking to Azure Boards work item(s):

• 15952523

Please check the IDs and try again using the AB# syntax. Learn more

[azure-boards[bot]]

❌ There was a problem linking to Azure Boards work item(s):

• 15952523

Please check the IDs and try again using the AB# syntax. Learn more

[Ryanb58]

I experimented with making the following changes, but they reduced the target area of the drag and drop functionality, thus not pursuing.

• libs\designer-ui\src\lib\actionbuttonv2\actionbuttonv2.less

.msla-action-button-v2 {
  ...
  pointer-events: auto; /* This ensures the button inside the drop zone is clickable */
}

• libs/designer/src/lib/ui/styles.less

.edgebutton-foreignobject {
  ...
  pointer-events: none; /* This makes the drop zone "invisible" to mouse events */
}

[Ryanb58]

GIF to go along with previous comment.

[rllyy97]

Just tested locally and this has been resolved in our upcoming release