# Text edit label not rendered at the correct X position in GUI

**URL:** <https://community.appfarm.io/t/text-edit-label-not-rendered-at-the-correct-x-position-in-gui/515>\
**Category:** Bug reports\
**Tags:** ui\
**Created:** [June 6, 2023, 1:20pm UTC](https://community.appfarm.io/t/text-edit-label-not-rendered-at-the-correct-x-position-in-gui/515 "2023-06-06T13:20:08Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Lynfot](https://dub1.discourse-cdn.com/flex013/user_avatar/community.appfarm.io/lynfot/32/857_2.png) [@Lynfot](https://community.appfarm.io/u/Lynfot)\
**Post date:** [June 6, 2023, 1:20pm UTC](https://community.appfarm.io/t/text-edit-label-not-rendered-at-the-correct-x-position-in-gui/515/1 "2023-06-06T13:20:08Z")

</div>

Hi,

See attached image. The label does not follow the textbox position.

 ![image](https://europe1.discourse-cdn.com/flex013/uploads/appfarm/original/1X/2951cb8f1fb6e7292b9266307dcaec0de5248f56.png)

Regards Torgeir

---

<div class="post-metadata">

**Author:** ![Eirik](https://dub1.discourse-cdn.com/flex013/user_avatar/community.appfarm.io/eirik/32/76_2.png) [@Eirik](https://community.appfarm.io/u/Eirik)\
**Post date:** [June 7, 2023, 2:33pm UTC](https://community.appfarm.io/t/text-edit-label-not-rendered-at-the-correct-x-position-in-gui/515/2 "2023-06-07T14:33:13Z")

</div>

Hi Torgeir,

Could you provide some more information of how you have constructed the UX? Some screenshots of your setup would help us figuring out why this behaviour occur.

Thanks

---

<div class="post-metadata">

**Author:** ![Lynfot](https://dub1.discourse-cdn.com/flex013/user_avatar/community.appfarm.io/lynfot/32/857_2.png) [@Lynfot](https://community.appfarm.io/u/Lynfot)\
**Post date:** [June 12, 2023, 7:28am UTC](https://community.appfarm.io/t/text-edit-label-not-rendered-at-the-correct-x-position-in-gui/515/3 "2023-06-12T07:28:03Z")

</div>

Hei Erik

Here is a screenshot from the UI.  
If you copy the UI element the error persists.

If you however, as the last to images show, create a new text-input and assign the same configuration the error is fixed.

I.e I believe the error is that sometimes a text-input element can become corrupt and the way to fix is then to instantiate a new one and assign the same configuration and then delete the original.

So, I was able to fix the error myself, just thought it would be right to inform that the error may happen.

For info this is in the Skanska DRIV app.  
I have kept corrupt element and hidden it. Thus, you could if you want to take a further look at it. Ill keep it for another week and will then delete it.

**Before fixing the issue**

 ![](https://europe1.discourse-cdn.com/flex013/uploads/appfarm/original/1X/2ee79031b3b2bc9dc517e0bf382ca36c871f721a.png)

**How to fix the issue**

 ![](https://europe1.discourse-cdn.com/flex013/uploads/appfarm/original/1X/09764bba9a37961ca746fde6b4e2b2999abb5402.png)

 ![](https://europe1.discourse-cdn.com/flex013/uploads/appfarm/original/1X/7b2d6d0728385ae956b18c1185216434bea065c5.png)

Regards Torgeir

---

<div class="post-metadata">

**Author:** ![Eirik](https://dub1.discourse-cdn.com/flex013/user_avatar/community.appfarm.io/eirik/32/76_2.png) [@Eirik](https://community.appfarm.io/u/Eirik)\
**Post date:** [June 12, 2023, 8:42am UTC](https://community.appfarm.io/t/text-edit-label-not-rendered-at-the-correct-x-position-in-gui/515/4 "2023-06-12T08:42:37Z")

</div>

Hi Torgeir,

Thanks for the details on the issue.

I believe the reason for this behaviour is that the `Positioning` of the UI component has `Static` instead of `Relative`. When adding a new component it automatically becomes `Relative`, which is why it seems to “fix the issue” by instantiate a new component.

We’ve extracted the component from Skanska DRIV and will investigate further and create a challenge if necessary.

---

<div class="post-metadata">

**Author:** ![Lynfot](https://dub1.discourse-cdn.com/flex013/user_avatar/community.appfarm.io/lynfot/32/857_2.png) [@Lynfot](https://community.appfarm.io/u/Lynfot)\
**Post date:** [June 12, 2023, 10:57am UTC](https://community.appfarm.io/t/text-edit-label-not-rendered-at-the-correct-x-position-in-gui/515/5 "2023-06-12T10:57:33Z")

</div>

Hei

Supert.  
Takk for hjelpen 🙂

Mvh Torgeir

![~WRD3800.jpg](https://europe1.discourse-cdn.com/flex013/uploads/appfarm/original/1X/52d5f1c08649212fe6768d2cacdcf8df711810d9.jpeg)

---

<div class="post-metadata">

**Author:** ![lea](https://dub1.discourse-cdn.com/flex013/user_avatar/community.appfarm.io/lea/32/114_2.png) [@lea](https://community.appfarm.io/u/lea)\
**Post date:** [September 21, 2023, 1:48pm UTC](https://community.appfarm.io/t/text-edit-label-not-rendered-at-the-correct-x-position-in-gui/515/6 "2023-09-21T13:48:55Z")

</div>

Hi,

We have investigated this issue and realised `position:static` should never be used on composed components as this will force the `child` elements (in this case Label) to walk up the DOM tree to position itself. We have fixed this issue by removing the possibility to choose `static` positioning on the problematic components (text inputs and buttons).
