# \[Solved\] Component are overlapping on Screen2 #804

**URL:** <https://community.thunkable.com/t/solved-component-are-overlapping-on-screen2-804/1044172>\
**Category:** Questions about Thunkable X\
**Tags:** solved\
**Created:** [January 11, 2021, 6:32am UTC](https://community.thunkable.com/t/solved-component-are-overlapping-on-screen2-804/1044172 "2021-01-11T06:32:55Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![wei](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/wei/32/26160_2.png) [@wei](https://community.thunkable.com/u/wei)\
**Post date:** [January 11, 2021, 6:32am UTC](https://community.thunkable.com/t/solved-component-are-overlapping-on-screen2-804/1044172/1 "2021-01-11T06:32:55Z")

</div>

Hey friends,

The upcoming release upgraded the libraries we used to build Android apps. You can get access the pending release with the URL below -

> **[Thunkable](https://x-staging-pro.thunkable.com)**

Please make sure your existing Android apps still work with this release 🙂

Thanks,  
Wei

---

<div class="post-metadata">

**Author:** ![eko.devs.apploroceo](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/eko.devs.apploroceo/32/93147_2.png) [@eko.devs.apploroceo](https://community.thunkable.com/u/eko.devs.apploroceo)\
**Post date:** [January 11, 2021, 6:45am UTC](https://community.thunkable.com/t/solved-component-are-overlapping-on-screen2-804/1044172/2 "2021-01-11T06:45:06Z")

</div>

> [@wei](#):
>
> The upcoming release upgraded the libraries we used to build Android apps. You can get access the pending release with the URL below -

apk size release?

---

<div class="post-metadata">

**Author:** ![drted](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/drted/32/92694_2.png) [@drted](https://community.thunkable.com/u/drted)\
**Post date:** [January 11, 2021, 10:54am UTC](https://community.thunkable.com/t/solved-component-are-overlapping-on-screen2-804/1044172/3 "2021-01-11T10:54:51Z")

</div>

@Wei,  
To test our apps with this release, we must build the APK, correct? Is there a way to test this release with the Thunkable Live app?

---

<div class="post-metadata">

**Author:** ![eko.devs.apploroceo](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/eko.devs.apploroceo/32/93147_2.png) [@eko.devs.apploroceo](https://community.thunkable.com/u/eko.devs.apploroceo)\
**Post date:** [January 11, 2021, 10:57am UTC](https://community.thunkable.com/t/solved-component-are-overlapping-on-screen2-804/1044172/4 "2021-01-11T10:57:19Z")

</div>

> [@drted](#):
>
> To test our apps with this release, we must build the APK, correct? Is there a way to test this release with the Thunkable Live app?

seems thats its for pro

---

<div class="post-metadata">

**Author:** ![drted](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/drted/32/92694_2.png) [@drted](https://community.thunkable.com/u/drted)\
**Post date:** [January 11, 2021, 11:50am UTC](https://community.thunkable.com/t/solved-component-are-overlapping-on-screen2-804/1044172/5 "2021-01-11T11:50:18Z")

</div>

@wei @domhnallohanlon,

Opening just one of my projects revealed a number of issues.

First, the controls on one of my screens (the second screen) were completely rearranged into the upper left corner in the designer. Incidentally, this is what happens when components are set to visible = false on android devices. Here are screenshots from the the production and staging designers

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/b/e/bea29aa30f76137769199b764984c95e469943ef.png) ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/e/1/e121887a8f7b2ad280d1016326438da05feae338.png)

The project has 2 screens with a top tab navigator. The first screen only shows part of the navigator. The second screen displays it correctly.

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/7/0/70388fad49052e321be84d2ecb90068dc00a9269.jpeg) ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/e/a/ead7a983dfbabea659e471ef42bf069cc034538a.png)

_removed issue with label click event. My error._

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [January 11, 2021, 12:19pm UTC](https://community.thunkable.com/t/solved-component-are-overlapping-on-screen2-804/1044172/6 "2021-01-11T12:19:09Z")

</div>

> [@drted](#):
>
> The second screen has label click event which opens an external website. This link no longer works. I don’t know if this is because of the event not occuring or a problem with the open link block

@drted it’s worth mentioning that I installed your app and I tried the link but it is non-functional in the apk itself. This might be a problem not related to upcoming release.

---

<div class="post-metadata">

**Author:** ![drted](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/drted/32/92694_2.png) [@drted](https://community.thunkable.com/u/drted)\
**Post date:** [January 11, 2021, 12:36pm UTC](https://community.thunkable.com/t/solved-component-are-overlapping-on-screen2-804/1044172/7 "2021-01-11T12:36:55Z")

</div>

Thanks @muneer! I’ve removed that issue from the post

---

<div class="post-metadata">

**Author:** ![wei](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/wei/32/26160_2.png) [@wei](https://community.thunkable.com/u/wei)\
**Post date:** [January 11, 2021, 5:47pm UTC](https://community.thunkable.com/t/solved-component-are-overlapping-on-screen2-804/1044172/8 "2021-01-11T17:47:46Z")

</div>

Hey @ekansh\_devsm, not at this release, but we hope we can improve it in 2021.

---

<div class="post-metadata">

**Author:** ![wei](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/wei/32/26160_2.png) [@wei](https://community.thunkable.com/u/wei)\
**Post date:** [January 11, 2021, 5:48pm UTC](https://community.thunkable.com/t/solved-component-are-overlapping-on-screen2-804/1044172/9 "2021-01-11T17:48:14Z")

</div>

You should build your app.

---

<div class="post-metadata">

**Author:** ![drted](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/drted/32/92694_2.png) [@drted](https://community.thunkable.com/u/drted)\
**Post date:** [January 11, 2021, 6:11pm UTC](https://community.thunkable.com/t/solved-component-are-overlapping-on-screen2-804/1044172/10 "2021-01-11T18:11:36Z")

</div>

@Wei, the top tab navigator screenshots are from the built apk. Obviously the designer issue is not android specific.

---

<div class="post-metadata">

**Author:** ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)\
**Post date:** [January 12, 2021, 11:33am UTC](https://community.thunkable.com/t/solved-component-are-overlapping-on-screen2-804/1044172/11 "2021-01-12T11:33:19Z")

</div>

> [@drted](#):
>
> the top tab navigator screenshots are from the built apk

Hi @drted - is this unique to v253? Does the top tab nav look ok to you if you build with v251 (on x.thunkable?)

---

<div class="post-metadata">

**Author:** ![drted](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/drted/32/92694_2.png) [@drted](https://community.thunkable.com/u/drted)\
**Post date:** [January 12, 2021, 11:52am UTC](https://community.thunkable.com/t/solved-component-are-overlapping-on-screen2-804/1044172/12 "2021-01-12T11:52:40Z")

</div>

Yes. The version in the Google play store was built a week or so ago and does not have this issue.

> <https://play.google.com/store/apps/details?id=com.gmail.drtedwilliams.spotmyfriendlegacy>
>
> If you own a Saved By Spot(TM) GPS device, you know it is an essential piece of backcountry safety equipment. Unfortunately, the tools provided by Saved By Spot ( findmespot.com ) only shows GPS pins. These tools do not show the direction of travel or if the device has stopped moving. Dates and times are povided as GMT, which is not helpful, unless you live in London.
> 
> Show My Spot solves all of these problems! Using the XML Feed provided by Saved By Spot ( findmespot.com ) you can share your SP...

---

<div class="post-metadata">

**Author:** ![drted](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/drted/32/92694_2.png) [@drted](https://community.thunkable.com/u/drted)\
**Post date:** [January 13, 2021, 11:35am UTC](https://community.thunkable.com/t/solved-component-are-overlapping-on-screen2-804/1044172/13 "2021-01-13T11:35:52Z")

</div>

@domhnallohanlon,  
It looks like V253 rolled into production. The design view of my screen does not match the component properties. Notice that the list viewer component properties are still correct (Y=207) but the position on the designer screen is wrong. (not WYSIWYG)

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

Here is a screen capture demonstrating that the screen initially renders correctly, then it re-arranges the components into the upper left corner

[https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/e/6/e6ddb01974a71b30c8867340993e21418832b8e1.mp4](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/e/6/e6ddb01974a71b30c8867340993e21418832b8e1.mp4)

Interestingly, if you go frame by frame, you can see the second screen rends correctly, then the second screen actually shows the MAP screen contents, it renders again correclty, then finally it renders everything in the upper left corner.

Also, was is it intentional that there is no longer a link to the community or the thunkable documentation? I only see video tutorials.

---

<div class="post-metadata">

**Author:** ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)\
**Post date:** [January 13, 2021, 11:51am UTC](https://community.thunkable.com/t/solved-component-are-overlapping-on-screen2-804/1044172/14 "2021-01-13T11:51:34Z")

</div>

Thanks for flagging this @drted. I took a quick look at my own drag & drop projects but can’t find one with absolute positioning just this minute - can you PM me a link to yours so I can see if I can reproduce this issue?

* * *

> [@drted](#):
>
> Notice that the list viewer component properties are still correct (Y=207)

Did you set it to `207.9999` yourself or did this happen after the update?

* * *

> [@drted](#):
>
> was is it intentional that there is no longer a link to the community or the thunkable documentation?

We’ve moved the link to the Community here: [Does the new UI still link to the Community?](http://community.thunkable.com/t/does-the-new-ui-still-link-to-the-community/1040728)

The new docs are going to live on their own branch for a while, when move over to having the new UI as an opt-out the docs will be swapped over accordingly.

---

<div class="post-metadata">

**Author:** ![drted](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/drted/32/92694_2.png) [@drted](https://community.thunkable.com/u/drted)\
**Post date:** [January 13, 2021, 12:02pm UTC](https://community.thunkable.com/t/solved-component-are-overlapping-on-screen2-804/1044172/15 "2021-01-13T12:02:42Z")

</div>

> [@domhnallohanlon](#):
>
> Did you set it to `207.9999` yourself or did this happen after the update?

Alas, I don’t recall the exact component positions for all of the controls on the screen. I did not manually type in 207.9999. But the drag and drop layout assigns all sorts of precise fractional values to component y property (see video below)

---

<div class="post-metadata">

**Author:** ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)\
**Post date:** [January 13, 2021, 3:55pm UTC](https://community.thunkable.com/t/solved-component-are-overlapping-on-screen2-804/1044172/16 "2021-01-13T15:55:29Z")

</div>

> [@drted](#):
>
> The design view of my screen does not match the component properties.

Just following up on our PMs here @drted, I’ve opened issue no. 804 on Github for you about this:

> <https://github.com/thunkable/thunkable-issues/issues/804>
>
> From @DrTedGit: https://community.thunkable.com/t/upcoming-release-v253/1044172/…13?u=domhnallohanlon
> 
> \> The design view of my screen does not match the component properties. Notice that the list viewer component properties are still correct (Y=207) but the position on the designer screen is wrong. (not WYSIWYG)
> 
> !\[f6711708ec03173689490fad596febb7444a8a65\_2\_591x500\](https://user-images.githubusercontent.com/3117345/104475007-80e78f00-55b6-11eb-99bb-65a6fb89fc0b.png)

We’ve also seen one other user mention this today so if you spot anyone else in the same boat, please direct them to this thread (since it’s probably the easiest thing to search for)

---

<div class="post-metadata">

**Author:** ![codeswept](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/codeswept/32/87755_2.png) [@codeswept](https://community.thunkable.com/u/codeswept)\
**Post date:** [January 14, 2021, 3:41am UTC](https://community.thunkable.com/t/solved-component-are-overlapping-on-screen2-804/1044172/17 "2021-01-14T03:41:59Z")

</div>

@drted I have faced exactly the same issue of visible buttons being displayed at the top left corner all jumbled up. This was an app made with drag and drop.

---

<div class="post-metadata">

**Author:** ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)\
**Post date:** [January 14, 2021, 4:49pm UTC](https://community.thunkable.com/t/solved-component-are-overlapping-on-screen2-804/1044172/18 "2021-01-14T16:49:56Z")

</div>

@drted @codeswept we were able to get a fix out for this yesterday and that fix has now been deployed.

Everything looks good again from my end, can you take a look your own projects again and let me know that it’s been resolved for you too?

---

<div class="post-metadata">

**Author:** ![drted](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/drted/32/92694_2.png) [@drted](https://community.thunkable.com/u/drted)\
**Post date:** [January 14, 2021, 6:01pm UTC](https://community.thunkable.com/t/solved-component-are-overlapping-on-screen2-804/1044172/19 "2021-01-14T18:01:29Z")

</div>

Yes

---

<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, 1:30pm UTC](https://community.thunkable.com/t/solved-component-are-overlapping-on-screen2-804/1044172/20 "2024-11-08T13:30:50Z")

</div>


