Upvote 1

Draggable button jumps out of parent container

Answered Victor Conesa ● ago

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.

Replies (8)

Enrique Cano ●

Hi Bart,

Could you send your prototype to us for investigation?

Best,

Lidia

Enrique Cano ●

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

Enrique Cano ●

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

Enrique Cano ●

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

Enrique Cano ●

Hi Bart,

My apologies: there was a typo on the email address I wrote above.

Best,

Lidia

Enrique Cano ●

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.

Sonia Durán ●

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

Enrique Cano ●

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