[UI] App in Board Disappears or Transposes when Selected after Zooming In

[cleeuh]

Bug Description:

Zooming in followed by a promptly timed left click on the board app seems to cause the associated board app to vanish or move to a distance corner of the board. This is assumed to be caused by timing of updates or race conditions.

Affected Devices:

• Windows, Linux

(Seemingly) Unaffected Devices:

• MacOS (ARM)

Tested On:

• Hawaii (8/26), Hawaii Dev (8/26), https://github.com/SAGE-3/next/tree/dev-performance-review (8/26)

Behavior 1

Steps to Recreate:

• Press + key a multiple times and then, while spam pressing the plus key, left click the Sticky

Video Description:

In this example, the spamming of plus and/or minus keyboard keys followed by an immediate left mouse click on the Sage Application (Sticky) caused it to vanish from view. The application will reappear upon rejoining the board.

https://github.com/user-attachments/assets/3bdb6d91-73b2-4cfc-b9d8-2c63fbb28203

Behavior 2

Steps to Recreate:

• hold + key, and then left click the Sticky (while holding the plus key)

Video Description:

In this example, left click a sage application while holding the plus key causes the application to transpose to the bottom right of the board.

https://github.com/user-attachments/assets/33e5cc26-ae40-4ab5-8b6b-8965bd67f196

[renambot]

I can reproduce. That's a weird one!

[rctheriot]

Behavior 2 happens on dev and main

[cleeuh]

After further investigation, I suspect that the Rnd (library responsible for dragging the app windows) is the potential culprit. It may potentially be the interaction between the built-in Rnd library's local drag positioning parameters/variables being out of sync with the scale of the parent components?. I would have to investigate further to be conclusive.

What I tried to debug

• Bug seemed to still persist after the: on Drag, on clicks (and on resize) event handlers inside the Rnd component were disabled.
  • You are still able to drag the app window with the handlers disabled due to the nature of the Rnd component implementation (sort of like a caching for smooth movement). (e.g. the app window will still move in sync with the cursor)
• setting disableDragging to false prevents the issue from occurring.

EDIT: After a bit more debugging I now suspect the issue may have to do with the re-render?