# Button not registering clicks properly

**URL:** https://community.thunkable.com/t/button-not-registering-clicks-properly/2076316
**Category:** Questions about Thunkable X
**Created:** [October 10, 2022, 4:14am UTC](https://community.thunkable.com/t/button-not-registering-clicks-properly/2076316 "2022-10-10T04:14:18Z")
**Posts on this page:** 8
**Page:** 1

<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: [October 10, 2022, 4:14am UTC](https://community.thunkable.com/t/button-not-registering-clicks-properly/2076316/1 "2022-10-10T04:14:18Z")

</div>

I don’t understand why this is happening. I know that if you layer components, say a label on top of a button, it affects their click event handling and prevents it from working. [Aside: I think that needs to be modified because a click event should occur no matter what the positioning and layering of components. You can always choose to ignore a stray click that you don’t want to handle but you can’t magically add in a click event where one doesn’t exist.]

But in this case, I don’t think there is anything on top of the button. Here’s the layout:

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/6/7/674ef41ba25a9348bb2fa938c1f7522fa0cfa5f6.png)

When I use this layout in a Data Viewer List (DVL), it only registers a click for the “When DVL Item Click” block if I tap on the very left or right edge of the button. You can see the faint boundary lines to the left and right of the button text “Item”. If I tap within the center 90% of the button, it doesn’t register the click.

---

<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: [October 10, 2022, 7:35pm UTC](https://community.thunkable.com/t/button-not-registering-clicks-properly/2076316/2 "2022-10-10T19:35:24Z")

</div>

![Screen Shot 2022-10-10 at 3.34.58 PM](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/9/f/9f02cf3c30081b5613deee83c98c6cee6dcdaf72.png)

care to reshare? have you tried building this out in a layout yet?

---

<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: [October 10, 2022, 7:39pm UTC](https://community.thunkable.com/t/button-not-registering-clicks-properly/2076316/3 "2022-10-10T19:39:59Z")

</div>

Hey @jared, I shared the project links in the chat. Do you need them here to or will that suffice? I’m not sure what you mean by building this out in a layout…?

---

<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: [October 10, 2022, 7:40pm UTC](https://community.thunkable.com/t/button-not-registering-clicks-properly/2076316/4 "2022-10-10T19:40:56Z")

</div>

1. I don’t work for Thunkable anymore. Working for a company called EcoMap Technologies out of Baltimore now. Working in Bubble and Xano all day long

2. The new layout component is great for this type of thing. I’ve not had any issues using buttons in my cloned components.

---

<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: [October 10, 2022, 8:45pm UTC](https://community.thunkable.com/t/button-not-registering-clicks-properly/2076316/5 "2022-10-10T20:45:47Z")

</div>

Oh sorry, didn’t realize!

Hmm, I’ll try the layout components. Thanks.

---

<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: [October 11, 2022, 11:27pm UTC](https://community.thunkable.com/t/button-not-registering-clicks-properly/2076316/6 "2022-10-11T23:27:53Z")

</div>

> [@jared](#):
>
> 1. The new layout component is great for this type of thing. I’ve not had any issues using buttons in my cloned components.

That sounds promising but I’m not having much luck. I created a layout with a container that has a button inside. I gave the button a background color and text and saved the Layout component as a custom layout:

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/2/d/2d92b1a9261ecc18592e18f2a16677c31aac59a2.png)

But then when I go to select it as the DVL layout, it shows up blank (the last two or three entries are blank) and clicking in that area doesn’t do anything:

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/9/c/9ccd6344216b2bcc13482525906a1d5f29b760e7.png)

---

<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: [October 12, 2022, 10:19pm UTC](https://community.thunkable.com/t/button-not-registering-clicks-properly/2076316/7 "2022-10-12T22:19:55Z")

</div>

Alright, I figured out the cause of the blank entries in the DVL layout list. I needed to save the Container, not the Layout. Once I do that, it shows up correctly in the selection list. But… even after that, the button inside the container only registers taps on the very edges of the buttons.

---

<div class="post-metadata">

### Author: ![system](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/f/0f59f292712368bce16ff80133ae10de8a6f27e8.png) [@system](https://community.thunkable.com/u/system)
#### Post date: [January 10, 2023, 10:20pm UTC](https://community.thunkable.com/t/button-not-registering-clicks-properly/2076316/8 "2023-01-10T22:20:02Z")

</div>

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.
