# Problem adding invisible component code blocks to additional tabs on Tab Bar

**URL:** <https://community.thunkable.com/t/problem-adding-invisible-component-code-blocks-to-additional-tabs-on-tab-bar/15206>\
**Category:** Questions about Thunkable X\
**Created:** [January 24, 2018, 4:34am UTC](https://community.thunkable.com/t/problem-adding-invisible-component-code-blocks-to-additional-tabs-on-tab-bar/15206 "2018-01-24T04:34:40Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![ginny](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ginny/32/13741_2.png) [@ginny](https://community.thunkable.com/u/ginny)\
**Post date:** [January 24, 2018, 4:34am UTC](https://community.thunkable.com/t/problem-adding-invisible-component-code-blocks-to-additional-tabs-on-tab-bar/15206/1 "2018-01-24T04:34:40Z")

</div>

My (very simple) app looks like this (two tabs, each with a picture and a button):

 ![lionotterapp](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/2X/1/146f6c7df30cbadc2c4821c9783fee0bbaea9f64.PNG)

Here is what the block tab looks like when Screen1 (the right-most tab) is selected.

 ![Tabtest right screen](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/2X/e/e0c25fc2d939c467d2b5a1546bf1173656036dee.png)

This looks fine so far - Screen1 is selected, and the screen1 components (button1 and image1) are visible right above it.

However, when I then go click TextToSpeech1, in order to drag a Speak component into (say) a ButtonClick block, it immediately switches to Screen2, and the components (image2 and button2) that are on screen2, rather than having Screen 1 stay where it is. It _also_ gets rid of the Button1 Click block.

 ![Tabtest ttos click](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/2X/5/5a182867a4c620fe422c500a341776b41de6f1a6.png)

So, as you can see, there would be no way to drag out a TextToSpeech block to the Button1Click block. I was only able to make this work by copying a TextToSpeech block that I had already dragged out onto the screen for button 2.

I’m not sure what the expected behavior is here, but this doesn’t look right. I don’t know if all the code is supposed to be visible at all times, or if it’s only supposed to show the code on one screen at a time, but either way the main problem is that I can’t seem to use invisible component blocks for tabs that are not the left-most.

Also, I added a Translator component to see if it had the same problem as the TextToSpeech block, and it did. So my theory is that this bug is true for all invisible components.

I think there may be more other related bugs as well, but it’s hard to tell. This is actually the second TabBar app I tried to make, the other one had more problems; I couldn’t even copy a TextToSpeech block to anything on the right tab at all, because in that case, _only_ screen1 code showed up when screen1 was selected, and only screen2 code showed up when screen2 was selected.

**Postscript/Bug 2:**

This isn’t super important or high priority, but I thought I’d mention it here as well. When the app is first run, the tabs show up during the live test (as I would expect.) However, “TabBarVisible” switch on the screen properties is ‘false’ by default. I had to switch it to ‘true’ then ‘false’ again to get the tab bar to disappear.

---

<div class="post-metadata">

**Author:** ![amrita](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/amrita/32/31_2.png) [@amrita](https://community.thunkable.com/u/amrita)\
**Post date:** [January 24, 2018, 11:32pm UTC](https://community.thunkable.com/t/problem-adding-invisible-component-code-blocks-to-additional-tabs-on-tab-bar/15206/2 "2018-01-24T23:32:02Z")

</div>

Hi there -

This is definitely a bug on our end. We are in the process of fixing it! Thanks for pointing this out.

Amrita

---

<div class="post-metadata">

**Author:** ![arun](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/arun/32/42_2.png) [@arun](https://community.thunkable.com/u/arun)\
**Post date:** [January 28, 2018, 2:41am UTC](https://community.thunkable.com/t/problem-adding-invisible-component-code-blocks-to-additional-tabs-on-tab-bar/15206/3 "2018-01-28T02:41:13Z")

</div>

@ginny

We pushed out a fix for the problem you were having with blocks for invisible components yesterday!

I hope this works for you. Let me know if you have any other issues.

Thanks,  
Arun

---

<div class="post-metadata">

**Author:** ![ginny](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ginny/32/13741_2.png) [@ginny](https://community.thunkable.com/u/ginny)\
**Post date:** [January 28, 2018, 7:43am UTC](https://community.thunkable.com/t/problem-adding-invisible-component-code-blocks-to-additional-tabs-on-tab-bar/15206/4 "2018-01-28T07:43:31Z")

</div>

Thank you so much! I tested it pretty thoroughly and it works fine now (for new apps).

A few things to mention:

1. Everything worked fine when I created a new TabBar app. Clicking on Screen1 only showed Screen1 code etc. However, on my old app (the one above) clicking on Screen1 still shows “when Button2 clicked” code block. I don’t think this is a big deal because iOS thunkable has such a small user base, but it’s worth a mention in case anyone notices this happening on any of their apps created before this bug fix.

2. The problem I mentioned in “Postscript/Bug 2” is still there. While this isn’t high priority it would probably be worth fixing eventually.

3. Can you please take a look at my other bug report here? This is still happening, and imo this is a really important bug to fix!  
[Image with 'fit contents' does not show up on live test](http://community.thunkable.com/t/image-with-fit-contents-does-not-show-up-on-live-test/15131)

---

<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, 12:04pm UTC](https://community.thunkable.com/t/problem-adding-invisible-component-code-blocks-to-additional-tabs-on-tab-bar/15206/5 "2024-11-08T12:04:37Z")

</div>


