# Snapping Function Broken

**URL:** <https://forum.bubble.io/t/snapping-function-broken/313731>\
**Category:** Need help\
**Created:** [March 22, 2024, 3:10am UTC](https://forum.bubble.io/t/snapping-function-broken/313731 "2024-03-22T03:10:15Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![cassius.felicella](https://avatars.discourse-cdn.com/v4/letter/c/aca169/32.png) [@cassius.felicella](https://forum.bubble.io/u/cassius.felicella)\
**Post date:** [March 22, 2024, 3:10am UTC](https://forum.bubble.io/t/snapping-function-broken/313731/1 "2024-03-22T03:10:15Z")

</div>

New to the platform, and unfortunately I have no idea why this is happening. For some reason, every time I add a new visual it automatically goes to the top left of whatever element/container I put it in. How do I turn this off? I want to put the visual wherever I want on the screen.

The most recent item I’ve had trouble moving around is the blue minus sign seen in the center top left. No matter where I drag it, it always goes back to the position you currently see it in.

I went to the **Page Index** section and tried all **Layout** options (Fixed, Align to parent, etc.) and none of them work.

 ![Top Left Problem](https://us1.discourse-cdn.com/bubble/original/3X/6/6/66421335c1d39d7c0feac3b390df30495a26e4a4.png)

---

<div class="post-metadata">

**Author:** ![tylerboodman](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/tylerboodman/32/242142_2.png) [@tylerboodman](https://forum.bubble.io/u/tylerboodman)\
**Post date:** [March 22, 2024, 4:09am UTC](https://forum.bubble.io/t/snapping-function-broken/313731/2 "2024-03-22T04:09:35Z")

</div>

Sounds like the parent group of the item you’re trying to move also needs the layout switched to “Fixed”

Keep in mind Fixed actually is bad because its not responsive and your layout can’t adapt to the user’s browser.

But especially if you’re just learning and want to experiment just do fixed for now.

---

<div class="post-metadata">

**Author:** ![cassius.felicella](https://avatars.discourse-cdn.com/v4/letter/c/aca169/32.png) [@cassius.felicella](https://forum.bubble.io/u/cassius.felicella)\
**Post date:** [March 22, 2024, 4:27am UTC](https://forum.bubble.io/t/snapping-function-broken/313731/3 "2024-03-22T04:27:45Z")

</div>

Thank you for the response. It sort of works, but now there’s a new problem.

When I click on (for example) the container the has **Number of Rooms** in it, the container is brought to the front, and I have to click **Send to Back** every time. This was finicky before, but now it’s happening every time.

---

<div class="post-metadata">

**Author:** ![tylerboodman](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/tylerboodman/32/242142_2.png) [@tylerboodman](https://forum.bubble.io/u/tylerboodman)\
**Post date:** [March 22, 2024, 4:36am UTC](https://forum.bubble.io/t/snapping-function-broken/313731/4 "2024-03-22T04:36:47Z")

</div>

I don’t use fixed ever so not sure if that’s just how they intend it works… but I know if you click on something it might temporarily move it to the front for you to see, but if you click off of it it might go back to where it was.

The layer order is shown in the tree the topmost being at the bottom, does it actually move around on the tree too just by clicking an element?

Normally you’d have groups/elements nested in more groups, right now it looks like everything is just individual elements all in the same group on the page

---

<div class="post-metadata">

**Author:** ![cassius.felicella](https://avatars.discourse-cdn.com/v4/letter/c/aca169/32.png) [@cassius.felicella](https://forum.bubble.io/u/cassius.felicella)\
**Post date:** [March 22, 2024, 4:45am UTC](https://forum.bubble.io/t/snapping-function-broken/313731/5 "2024-03-22T04:45:15Z")

</div>

Got it. It’s likely the layer order, so I will give that a shot! Do you know of a YouTube channel or blog you’d recommend where they go over all these basic concepts?

Again, thank you for your help.

---

<div class="post-metadata">

**Author:** ![tylerboodman](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/tylerboodman/32/242142_2.png) [@tylerboodman](https://forum.bubble.io/u/tylerboodman)\
**Post date:** [March 22, 2024, 4:50am UTC](https://forum.bubble.io/t/snapping-function-broken/313731/6 "2024-03-22T04:50:13Z")

</div>

Hmm maybe check the Bubble video library they have [Videos | Bubble](https://bubble.io/videos) and click on “LAYOUTS & RESPONSIVE”

Like what you’re showing could be a column group, then in that a column group to hold “Location” and the input box, below that is a row group, inside the row group is two column groups, each holding the text and date/time picker. Then some nice row and column gap to space everything nicely 😊

---

<div class="post-metadata">

**Author:** ![cassius.felicella](https://avatars.discourse-cdn.com/v4/letter/c/aca169/32.png) [@cassius.felicella](https://forum.bubble.io/u/cassius.felicella)\
**Post date:** [March 22, 2024, 5:11am UTC](https://forum.bubble.io/t/snapping-function-broken/313731/7 "2024-03-22T05:11:11Z")

</div>

I’ll play around with that stuff. Thank you for all the insight!

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/bubble/original/3X/2/8/2847faa74692c2ffa5d939d3dc3724cdd060d247.png) [@system](https://forum.bubble.io/u/system)\
**Post date:** [May 31, 2024, 3:10am UTC](https://forum.bubble.io/t/snapping-function-broken/313731/8 "2024-05-31T03:10:26Z")

</div>

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