Edge button blocking mouse events

[rllyy97]

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.