# List viewer unable to snap to elements

**URL:** <https://community.thunkable.com/t/list-viewer-unable-to-snap-to-elements/563163>\
**Category:** Questions about Thunkable X\
**Created:** [April 11, 2020, 2:39am UTC](https://community.thunkable.com/t/list-viewer-unable-to-snap-to-elements/563163 "2020-04-11T02:39:58Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![freddiedadog](https://avatars.discourse-cdn.com/v4/letter/f/8edcca/32.png) [@freddiedadog](https://community.thunkable.com/u/freddiedadog)\
**Post date:** [April 11, 2020, 2:39am UTC](https://community.thunkable.com/t/list-viewer-unable-to-snap-to-elements/563163/1 "2020-04-11T02:39:58Z")

</div>

Hi, I’m having trouble getting the list picker to snap to the nearest element instead of stopping halfway between two options (like below). Is there a way to enable this?

 ![Screen Shot 2020-04-11 at 10.19.51 AM](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/d/e/dea3857330cf29d3261b11916d009b742b267b2b.png)

---

<div class="post-metadata">

**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\
**Post date:** [April 11, 2020, 2:49am UTC](https://community.thunkable.com/t/list-viewer-unable-to-snap-to-elements/563163/2 "2020-04-11T02:49:55Z")

</div>

are they in columns?

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [April 11, 2020, 2:54am UTC](https://community.thunkable.com/t/list-viewer-unable-to-snap-to-elements/563163/3 "2020-04-11T02:54:23Z")

</div>

Are you using multiple List Viewer components on one screen? Can you post a screenshot of the Design tab?

---

<div class="post-metadata">

**Author:** ![kartik14](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/kartik14/32/44782_2.png) [@kartik14](https://community.thunkable.com/u/kartik14)\
**Post date:** [April 11, 2020, 3:10am UTC](https://community.thunkable.com/t/list-viewer-unable-to-snap-to-elements/563163/4 "2020-04-11T03:10:50Z")

</div>

I am also experiencing this issue since a while, because of `fit content / fill parent` height of list.  
So, the appropriate solution for me was setting absolute height - like `100px`.

Thanks! 😊

---

<div class="post-metadata">

**Author:** ![freddiedadog](https://avatars.discourse-cdn.com/v4/letter/f/8edcca/32.png) [@freddiedadog](https://community.thunkable.com/u/freddiedadog)\
**Post date:** [April 11, 2020, 6:52am UTC](https://community.thunkable.com/t/list-viewer-unable-to-snap-to-elements/563163/5 "2020-04-11T06:52:52Z")

</div>

Thanks all!

jared - No, it’s just one column with 10% padding on left and right

@tatiang - Posted a shot below. It’s 2 list viewers as you can see, one above the other. Does that make a difference?

@kartik14 - Right now I’m using relative height. But I did try absolute height before and it still had the same issue. What would happen is the height of list viewer element would be calibrated to the height of one item, but you could still end up with it display in-between items - eg. the bottom half of one list item and the top half of the next one.

 ![Screen Shot 2020-04-11 at 2.32.46 PM](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/e/9/e9d26127a58421dbc404bfafcea1f754eae0ddfe.png)

---

<div class="post-metadata">

**Author:** ![freddiedadog](https://avatars.discourse-cdn.com/v4/letter/f/8edcca/32.png) [@freddiedadog](https://community.thunkable.com/u/freddiedadog)\
**Post date:** [April 11, 2020, 6:54am UTC](https://community.thunkable.com/t/list-viewer-unable-to-snap-to-elements/563163/6 "2020-04-11T06:54:37Z")

</div>

btw, i played around with the colours and positioning, that’s why it looks a bit different from the live test shot earlier. but the programming is still the same and the problem is still there.

---

<div class="post-metadata">

**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\
**Post date:** [April 11, 2020, 12:01pm UTC](https://community.thunkable.com/t/list-viewer-unable-to-snap-to-elements/563163/7 "2020-04-11T12:01:35Z")

</div>

Can you try something. Put them in their own column. W/ height and width set to fit contents Set vertical positioning to top.

---

<div class="post-metadata">

**Author:** ![freddiedadog](https://avatars.discourse-cdn.com/v4/letter/f/8edcca/32.png) [@freddiedadog](https://community.thunkable.com/u/freddiedadog)\
**Post date:** [April 11, 2020, 4:21pm UTC](https://community.thunkable.com/t/list-viewer-unable-to-snap-to-elements/563163/8 "2020-04-11T16:21:29Z")

</div>

Ok, I’ve tried putting the first list viewer in its own column, sized the same as what the list viewer is, and set to fill container.

Not sure if I’m doing it right? But images below.

And I’m not sure what vertical positioning refers to. Have played around with the alignment settings (eg. flex-start). No luck there.

Could you see if I’m understanding you correctly?

 ![Screen Shot 2020-04-12 at 12.02.27 AM](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/c/9/c927189d2fdd7ff8623369ecfc02c30557d71d32.png) ![Screen Shot 2020-04-12 at 12.03.06 AM](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/2/c/2cbac554ca8caec885ec5e86cef49f90bd3d1e61.png)

---

<div class="post-metadata">

**Author:** ![freddiedadog](https://avatars.discourse-cdn.com/v4/letter/f/8edcca/32.png) [@freddiedadog](https://community.thunkable.com/u/freddiedadog)\
**Post date:** [April 11, 2020, 4:23pm UTC](https://community.thunkable.com/t/list-viewer-unable-to-snap-to-elements/563163/9 "2020-04-11T16:23:53Z")

</div>

Sorry, realized you said fit contents, not fill container. So I’ve done that now, but it results in this:

 ![Screen Shot 2020-04-12 at 12.07.36 AM](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/9/5/953486780ca20c3295f4a27f301c877068b8eab3.png)

---

<div class="post-metadata">

**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\
**Post date:** [November 8, 2024, 11:39am UTC](https://community.thunkable.com/t/list-viewer-unable-to-snap-to-elements/563163/10 "2024-11-08T11:39:06Z")

</div>


