Draggable element moves away on click

chrome-capture-2023-1-1

Clicking on the element makes the element move away…
How can this be made to stay with the pointer when clicked.

What’s the workflow look like

There is no workflow in that specific case, just a left margin of 500, which was likely causing the issue… i tried removing the margin using conditional ‘when pressed’ but it didnt work as expected…

Attaching another example below

chrome-capture-2023-1-2

I’ve noticed this behavior often when there are floating groups on the page…

Any possible reasons you think this could be happening?

Make it “Everyone can edit” and share the editor link in here.
Make sure to remove any sensitive data before sharing.


@bestbubbledev - Youtube | Patreon | LinkedIn | Twitter

Thanks for the tip… I’ve set it to ‘Everyone can edit’…
Hopefully the link is the correct one…

I realize the link was wrong… Apologies!

Could you kindly check to see the error?

I think link is not open any more. Sorry I was not available. I am now. DM me if you want.


@bestbubbledev - Youtube | Patreon | LinkedIn | Twitter

@lunaticus96 Alright, so I’ll respond here so others can follow up as well.

Your draggable element had margins. The moment I removed them it works fine. Check out this Loom video.

I’d highly recommend you and anybody trying to use draggable elements, watch this video by @lachlankirkwood1: How To Build A Trello Clone With No-Code Using Bubble (2023 Flexbox)


@bestbubbledev - Youtube | Patreon | LinkedIn | Twitter

1 Like

This topic was automatically closed after 70 days. New replies are no longer allowed.