# Text input width within row container displays incorrectly on web

**URL:** <https://community.thunkable.com/t/text-input-width-within-row-container-displays-incorrectly-on-web/805265>\
**Category:** Questions about Thunkable X\
**Created:** [September 10, 2020, 12:54am UTC](https://community.thunkable.com/t/text-input-width-within-row-container-displays-incorrectly-on-web/805265 "2020-09-10T00:54:45Z")\
**Posts on this page:** 13\
**Page:** 1

<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:** [September 10, 2020, 12:54am UTC](https://community.thunkable.com/t/text-input-width-within-row-container-displays-incorrectly-on-web/805265/1 "2020-09-10T00:54:46Z")

</div>

If a text input component is added to the screen and the width is set to fill container, the text input expands to fill the screen on both the android thunkable live app and the live test. If a text input is then moved to a row component which is also set to fill container width, the text input correctly expands to fill the screen in the android thunakble live app, but does not expand in live test.

Is anyone else having this issue?

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

[https://x.thunkable.com/copy/09983c34de9617fdaa224fcfb307c2c6](https://x.thunkable.com/copy/09983c34de9617fdaa224fcfb307c2c6)

---

<div class="post-metadata">

**Author:** ![andreas.sjdtomypv](https://avatars.discourse-cdn.com/v4/letter/a/e5b9ba/32.png) [@andreas.sjdtomypv](https://community.thunkable.com/u/andreas.sjdtomypv)\
**Post date:** [May 19, 2021, 7:56pm UTC](https://community.thunkable.com/t/text-input-width-within-row-container-displays-incorrectly-on-web/805265/2 "2021-05-19T19:56:42Z")

</div>

Hi, did you get any wiser regarding this? I do also run into this… Is it a bug or was it anything you did (me also) incorrectly to have it viewed like this?

---

<div class="post-metadata">

**Author:** ![catsarisky](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/catsarisky/32/100661_2.png) [@catsarisky](https://community.thunkable.com/u/catsarisky)\
**Post date:** [May 19, 2021, 10:36pm UTC](https://community.thunkable.com/t/text-input-width-within-row-container-displays-incorrectly-on-web/805265/3 "2021-05-19T22:36:07Z")

</div>

This is the old UI? Try 100% instead of ‘fill container’.

---

<div class="post-metadata">

**Author:** ![andreas.sjdtomypv](https://avatars.discourse-cdn.com/v4/letter/a/e5b9ba/32.png) [@andreas.sjdtomypv](https://community.thunkable.com/u/andreas.sjdtomypv)\
**Post date:** [May 20, 2021, 5:01am UTC](https://community.thunkable.com/t/text-input-width-within-row-container-displays-incorrectly-on-web/805265/4 "2021-05-20T05:01:38Z")

</div>

Is there a new UI? 😊  
Actually I tried that but I can try again…

Thanks!

---

<div class="post-metadata">

**Author:** ![catsarisky](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/catsarisky/32/100661_2.png) [@catsarisky](https://community.thunkable.com/u/catsarisky)\
**Post date:** [May 20, 2021, 9:26am UTC](https://community.thunkable.com/t/text-input-width-within-row-container-displays-incorrectly-on-web/805265/5 "2021-05-20T09:26:16Z")

</div>

I wasn’t recommending the new UI. I was just offering a suggestion that only works on the old UI.

---

<div class="post-metadata">

**Author:** ![andreas.sjdtomypv](https://avatars.discourse-cdn.com/v4/letter/a/e5b9ba/32.png) [@andreas.sjdtomypv](https://community.thunkable.com/u/andreas.sjdtomypv)\
**Post date:** [May 20, 2021, 9:45am UTC](https://community.thunkable.com/t/text-input-width-within-row-container-displays-incorrectly-on-web/805265/6 "2021-05-20T09:45:32Z")

</div>

I understand. I just didn’t know there was a new UI? Or an old…

How do I know which one I use?

---

<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:** [May 20, 2021, 10:21am UTC](https://community.thunkable.com/t/text-input-width-within-row-container-displays-incorrectly-on-web/805265/7 "2021-05-20T10:21:40Z")

</div>

See your project title. If it is located in the middle of the top of your design screen then you are using the new UI.

There are many differences but this is the most obvious.

---

<div class="post-metadata">

**Author:** ![andreas.sjdtomypv](https://avatars.discourse-cdn.com/v4/letter/a/e5b9ba/32.png) [@andreas.sjdtomypv](https://community.thunkable.com/u/andreas.sjdtomypv)\
**Post date:** [May 20, 2021, 10:51am UTC](https://community.thunkable.com/t/text-input-width-within-row-container-displays-incorrectly-on-web/805265/8 "2021-05-20T10:51:59Z")

</div>

Ok thanks. I will check then but I believe it is located at the top of my components (the left side module)  
But I will have a check.

How can I do to try the new UI if so? I am curious 😊

---

<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:** [May 20, 2021, 11:00am UTC](https://community.thunkable.com/t/text-input-width-within-row-container-displays-incorrectly-on-web/805265/9 "2021-05-20T11:00:27Z")

</div>

If it is at the top of the component pane then you are using the old (aka Legacy or Snap to place or Snap to grid).

---

<div class="post-metadata">

**Author:** ![andreas.sjdtomypv](https://avatars.discourse-cdn.com/v4/letter/a/e5b9ba/32.png) [@andreas.sjdtomypv](https://community.thunkable.com/u/andreas.sjdtomypv)\
**Post date:** [May 20, 2021, 12:49pm UTC](https://community.thunkable.com/t/text-input-width-within-row-container-displays-incorrectly-on-web/805265/10 "2021-05-20T12:49:24Z")

</div>

Ok then I am using the old one. What’s the main different between the new and old? Are there big differents? Is the new available for free Thunkable accounts? Are you guys using the old or new?

---

<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:** [May 20, 2021, 12:53pm UTC](https://community.thunkable.com/t/text-input-width-within-row-container-displays-incorrectly-on-web/805265/11 "2021-05-20T12:53:00Z")

</div>

When you create a new project, just **tick** where it says “Try it out”. This is still in **Beta** and you should expect bugs in it but the team is continuously enhancing it.  
 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/7/d/7d84d41cf57815d852877015048a29ede8b0fe18.png)

---

<div class="post-metadata">

**Author:** ![andreas.sjdtomypv](https://avatars.discourse-cdn.com/v4/letter/a/e5b9ba/32.png) [@andreas.sjdtomypv](https://community.thunkable.com/u/andreas.sjdtomypv)\
**Post date:** [May 20, 2021, 1:50pm UTC](https://community.thunkable.com/t/text-input-width-within-row-container-displays-incorrectly-on-web/805265/12 "2021-05-20T13:50:35Z")

</div>

👍 I will test…

/Andreas

---

<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:24pm UTC](https://community.thunkable.com/t/text-input-width-within-row-container-displays-incorrectly-on-web/805265/13 "2024-11-08T12:24:01Z")

</div>


