Draggable button jumps out of parent container

Bart Welt shared this question 3 years ago
Answered

I'm trying to simulate a range slider where a button moves back and forth along a progress bar on the x-axis. I added a drag event to my button and placed it in a dynamic panel that is the size of my dragabble area, and then I constrained dragging to the parent container.


My problem is that when I scroll down the page and try to drag the button, the button jumps up out of the parent container on the y-axis. I've tried all the parameters under "top" in the move function, but none of them work.

Comments (8)

photo
1

Hi Bart,


Could you send your prototype to jim.suppport@justinmind.com for investigation?


Best,


Lidia

photo
1

Hey Lidia. Trying to send an email but it's getting rejected by the mail server. Any ideas?

photo
1

Can you try by uploading it to dropbox, wetransfer or similar and sharing the link instead of attaching the file?

photo
1

I shared a link with support from Google Drive. The email was still getting denied even without the attachment.

photo
1

Hi Bart,


My apologies: there was a typo on the email address I wrote above. The correct one is: jim.support@justinmind.com.


Best,


Lidia

photo
1

I have seen similar issues. I have noticed though that it is trying to fit the background rectangle into the parent container instead of forming a clipping mask to hide the rectangle. (The rectangle being the element of the design to highlight the progress of the slider.) Wish I could figure this one out.

photo
1

Hi Rob,


Please check out this example. I hope it helps if not please let me know.


https://www.dropbox.com/s/n4njv1l2e7q...


Best,


Sonia Durán

photo
1

Thank you. That did intact resolve the app issue that I was experiencing. For anyone following up on this post there are a few different ways to do it but the method that ended up finally working for me was the first example that Sonia provided me with.


Thanks Sonia