# Flex container issues, wrap creating blank areas and containers sizing becoming negative percentages

**URL:** <https://forum.inductiveautomation.com/t/flex-container-issues-wrap-creating-blank-areas-and-containers-sizing-becoming-negative-percentages/79478>\
**Category:** Ignition\
**Created:** [September 21, 2023, 8:06pm UTC](https://forum.inductiveautomation.com/t/flex-container-issues-wrap-creating-blank-areas-and-containers-sizing-becoming-negative-percentages/79478 "2023-09-21T20:06:12Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![zacharyw.larson](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/zacharyw.larson/32/23749_2.png) [@zacharyw.larson](https://forum.inductiveautomation.com/u/zacharyw.larson)\
**Post date:** [September 21, 2023, 8:06pm UTC](https://forum.inductiveautomation.com/t/flex-container-issues-wrap-creating-blank-areas-and-containers-sizing-becoming-negative-percentages/79478/1 "2023-09-21T20:06:12Z")

</div>

I don't know why, but all of a sudden, I am having a ton of flex container issues.

Sometimes I grab the edge of a flex container and drag, the size goes from like 400px to -37% or -65%.

Then also, I have a large flex container set for wrap. Some times huge empty squares occupy areas instead of moving the containers around to fill in the gaps.

I have been wrestling with it for a long time.  
I keep sort of building and rebuilding to just keep going through this, but has anyone had this issue come up before?  
For me, it just seems really bizarre to suddenly start being an issue, but I do remember it happening once before to me.

I am using 8.1.19.

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [September 21, 2023, 8:11pm UTC](https://forum.inductiveautomation.com/t/flex-container-issues-wrap-creating-blank-areas-and-containers-sizing-becoming-negative-percentages/79478/2 "2023-09-21T20:11:53Z")

</div>

Check that your Windows (if that's what you're using) screen scale is set to 100%.  
Check Designer's zoom level is at 100%. (The readout is on the bottom right of Designer's taskbar.)

---

<div class="post-metadata">

**Author:** ![zacharyw.larson](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/zacharyw.larson/32/23749_2.png) [@zacharyw.larson](https://forum.inductiveautomation.com/u/zacharyw.larson)\
**Post date:** [September 21, 2023, 8:19pm UTC](https://forum.inductiveautomation.com/t/flex-container-issues-wrap-creating-blank-areas-and-containers-sizing-becoming-negative-percentages/79478/3 "2023-09-21T20:19:47Z")

</div>

> [@Transistor](#):
>
> hat you're using) screen scale is s

Both 100% I think.  
I right clicked to see the display detail and it says 100% for text, apps, and other items.  
The lower right in the designer says 100%.

---

<div class="post-metadata">

**Author:** ![zacharyw.larson](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/zacharyw.larson/32/23749_2.png) [@zacharyw.larson](https://forum.inductiveautomation.com/u/zacharyw.larson)\
**Post date:** [September 22, 2023, 3:52pm UTC](https://forum.inductiveautomation.com/t/flex-container-issues-wrap-creating-blank-areas-and-containers-sizing-becoming-negative-percentages/79478/4 "2023-09-22T15:52:56Z")

</div>

I don't understand what it was doing.  
I ended up rebuilding all the flex containers.  
I also seemed to be forced to make all the cards of data same height.

**Issues:**  
If I have different sized cards of data, flex container wrap generates huge blank areas.

Sometimes a flex container of containers should be 400px tall, but instead it goes to -37%.  
None of the containers inside are visible.

---

<div class="post-metadata">

**Author:** ![pascal.fragnoud](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pascal.fragnoud/32/24728_2.png) [@pascal.fragnoud](https://forum.inductiveautomation.com/u/pascal.fragnoud)\
**Post date:** [September 22, 2023, 6:25pm UTC](https://forum.inductiveautomation.com/t/flex-container-issues-wrap-creating-blank-areas-and-containers-sizing-becoming-negative-percentages/79478/5 "2023-09-22T18:25:10Z")

</div>

Can you share the view's json ?

---

<div class="post-metadata">

**Author:** ![zacharyw.larson](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/zacharyw.larson/32/23749_2.png) [@zacharyw.larson](https://forum.inductiveautomation.com/u/zacharyw.larson)\
**Post date:** [September 22, 2023, 6:39pm UTC](https://forum.inductiveautomation.com/t/flex-container-issues-wrap-creating-blank-areas-and-containers-sizing-becoming-negative-percentages/79478/6 "2023-09-22T18:39:03Z")

</div>

I might be able to make something generic and broken.

I tried once before, but I wasn't able to sanitize it enough.

Will post it when I try it next week.

---

<div class="post-metadata">

**Author:** ![zacharyw.larson](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/zacharyw.larson/32/23749_2.png) [@zacharyw.larson](https://forum.inductiveautomation.com/u/zacharyw.larson)\
**Post date:** [September 28, 2023, 1:14pm UTC](https://forum.inductiveautomation.com/t/flex-container-issues-wrap-creating-blank-areas-and-containers-sizing-becoming-negative-percentages/79478/7 "2023-09-28T13:14:06Z")

</div>

I don't know why, but I have not had a flex container switching size to negative sizes this week yet.

I am not sure what I am doing differently. If it happens again, I will try to copy json and post.
