I'm trying to create an interactive animation that mimics the UI elements of a desktop OS. I'd like to be able to click an icon to open a window, drag that window around, scroll through icons inside the window, and then click those icons to open new windows, etc.
The problem I'm facing is that by grouping, or creating a symbol from, the window elements I can get them to move together when dragged, but then if I drag on the scroll pill, to scroll the window's contents, the whole group/symbol comes along for the ride (project file linked below).
There are two strategies I've conceived of to deal with this:
1) Somehow parent the scroll pill to the window so that it moves with the rest of the window elements but remains outside of the group/symbol so it can be manipulated independently.
2) Create a JS function so an On Mouse Down event on the scroll pill will lock the window in place and a second function triggered by On Mouse Up will unlock it.
I appreciate any feedback on this. Thanks!
desktop-test.zip (221.5 KB)