# Embeded FlexContainer - Overflown components get offset

**URL:** <https://forum.inductiveautomation.com/t/embeded-flexcontainer-overflown-components-get-offset/99790>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [December 13, 2024, 9:59am UTC](https://forum.inductiveautomation.com/t/embeded-flexcontainer-overflown-components-get-offset/99790 "2024-12-13T09:59:22Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Ervin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/ervin/32/57644_2.png) [@Ervin](https://forum.inductiveautomation.com/u/Ervin)\
**Post date:** [December 13, 2024, 9:59am UTC](https://forum.inductiveautomation.com/t/embeded-flexcontainer-overflown-components-get-offset/99790/1 "2024-12-13T09:59:22Z")

</div>

I encounter an irritating behavior: I use a lot of SVG's from the simbol factory in flex containers with position=absolute, preserveAspectRatio=none and position and dimensions like height,left, etc specified as %.

When i deliberately set a pipe for example to reach outside of the view (no matter in what direction) to connect to other adjacent drwings wse, those component always get offset and displayed a bit lower(usually) both in designer and web browser. Coordinate container is not an option. I must use flex containers to accomplish the goal of the project.

This problem It looks like it does not occur when using position=relative, and/or overflow hidden,But only in cases when position=absolute as it is mandatory when I need to place things on top of each other in flex containers.  
I encountered lowering Offsets even for simple labels and any compnent or misplaced embeded views so it looks like its not related to a specific object/component.

It does not matter if overflow is visible or not. In both cases offset happens.

I hope I expressed myself understandable.

Is there a way to avoid these offsets?  
Version 8.1.41

---

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [December 13, 2024, 10:04am UTC](https://forum.inductiveautomation.com/t/embeded-flexcontainer-overflown-components-get-offset/99790/2 "2024-12-13T10:04:06Z")

</div>

Could you provide a demo view?

---

<div class="post-metadata">

**Author:** ![Ervin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/ervin/32/57644_2.png) [@Ervin](https://forum.inductiveautomation.com/u/Ervin)\
**Post date:** [December 13, 2024, 10:05am UTC](https://forum.inductiveautomation.com/t/embeded-flexcontainer-overflown-components-get-offset/99790/3 "2024-12-13T10:05:09Z")

</div>

I'll prepare some simple example

---

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [December 13, 2024, 11:51am UTC](https://forum.inductiveautomation.com/t/embeded-flexcontainer-overflown-components-get-offset/99790/4 "2024-12-13T11:51:31Z")

</div>

a simple example isnt taking 3h's i hope xd

im leaving for a holiday for a month so ping me again then, if noone else was able to help you yet

---

<div class="post-metadata">

**Author:** ![Ervin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/ervin/32/57644_2.png) [@Ervin](https://forum.inductiveautomation.com/u/Ervin)\
**Post date:** [December 13, 2024, 12:19pm UTC](https://forum.inductiveautomation.com/t/embeded-flexcontainer-overflown-components-get-offset/99790/5 "2024-12-13T12:19:55Z")

</div>

> [@victordcq](#):
>
> Could you provide a demo view?

here is a reprodused view, and trying to reproduce by grabbing only one piece from a complex view, I found the cause of the issue also. So thanks for asking for a demo view.

 ![2024.12.13 Overflow Offset problem and solution](https://us1.discourse-cdn.com/inductiveautomation/original/3X/b/d/bddd8ebd08ce00cc2934b16d88289e28f0b2c794.png)

---

<div class="post-metadata">

**Author:** ![Ervin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/ervin/32/57644_2.png) [@Ervin](https://forum.inductiveautomation.com/u/Ervin)\
**Post date:** [December 13, 2024, 12:26pm UTC](https://forum.inductiveautomation.com/t/embeded-flexcontainer-overflown-components-get-offset/99790/6 "2024-12-13T12:26:57Z")

</div>

> [@victordcq](#):
>
> im leaving for a holiday

Have a nice holiday and thank you very much for asking a demo view. otherwise I was on the way to give it up.

---

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [December 13, 2024, 12:32pm UTC](https://forum.inductiveautomation.com/t/embeded-flexcontainer-overflown-components-get-offset/99790/7 "2024-12-13T12:32:09Z")

</div>

Glad to be your rubberduck 🦆

> **[Rubber Duck Debugging](https://rubberduckdebugging.com/)**
>
> Debugging software with a rubber ducky