# \[BUG-2608\] - 8.1 Perspective - Column Container not opening at correct breakpoint

**URL:** <https://forum.inductiveautomation.com/t/bug-2608-8-1-perspective-column-container-not-opening-at-correct-breakpoint/40227>\
**Category:** Ignition\
**Created:** [November 3, 2020, 5:23am UTC](https://forum.inductiveautomation.com/t/bug-2608-8-1-perspective-column-container-not-opening-at-correct-breakpoint/40227 "2020-11-03T05:23:36Z")\
**Posts on this page:** 18\
**Page:** 1

<div class="post-metadata">

**Author:** ![michael2](https://avatars.discourse-cdn.com/v4/letter/m/3e96dc/32.png) [@michael2](https://forum.inductiveautomation.com/u/michael2)\
**Post date:** [November 3, 2020, 5:23am UTC](https://forum.inductiveautomation.com/t/bug-2608-8-1-perspective-column-container-not-opening-at-correct-breakpoint/40227/1 "2020-11-03T05:23:36Z")

</div>

As title suggests. When first navigating to a page, the column container will sometimes not have the correct breakpoint. when the viewport dimensions change it corrects.

---

<div class="post-metadata">

**Author:** ![michael2](https://avatars.discourse-cdn.com/v4/letter/m/3e96dc/32.png) [@michael2](https://forum.inductiveautomation.com/u/michael2)\
**Post date:** [November 22, 2020, 11:45pm UTC](https://forum.inductiveautomation.com/t/bug-2608-8-1-perspective-column-container-not-opening-at-correct-breakpoint/40227/2 "2020-11-22T23:45:48Z")

</div>

@paul-griffith @cmallonee Still encountering this issue. I think it has to do with bindings not being evaluated when the column container loads. I have bindings for span and height and these always seem to mess up when the page loads.

---

<div class="post-metadata">

**Author:** ![michael2](https://avatars.discourse-cdn.com/v4/letter/m/3e96dc/32.png) [@michael2](https://forum.inductiveautomation.com/u/michael2)\
**Post date:** [November 25, 2020, 4:39am UTC](https://forum.inductiveautomation.com/t/bug-2608-8-1-perspective-column-container-not-opening-at-correct-breakpoint/40227/3 "2020-11-25T04:39:31Z")

</div>

Still have this issue, I have operators annoyed at this behaviour. Would like to come up with some sort of resolution or further information soon so I can stop saying “I don’t know”.

---

<div class="post-metadata">

**Author:** ![michael2](https://avatars.discourse-cdn.com/v4/letter/m/3e96dc/32.png) [@michael2](https://forum.inductiveautomation.com/u/michael2)\
**Post date:** [November 25, 2020, 5:30am UTC](https://forum.inductiveautomation.com/t/bug-2608-8-1-perspective-column-container-not-opening-at-correct-breakpoint/40227/4 "2020-11-25T05:30:31Z")

</div>

How It loads sometimes:

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/c/e/ce5447f19c004c3faf48652ce1ed0667acd6a0e4.png)  
How it should load:  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/0/e/0eea3e8d7b596b058d730c61dabd616442dff263.png)

---

<div class="post-metadata">

**Author:** ![michael2](https://avatars.discourse-cdn.com/v4/letter/m/3e96dc/32.png) [@michael2](https://forum.inductiveautomation.com/u/michael2)\
**Post date:** [January 21, 2021, 11:01pm UTC](https://forum.inductiveautomation.com/t/bug-2608-8-1-perspective-column-container-not-opening-at-correct-breakpoint/40227/5 "2021-01-21T23:01:45Z")

</div>

This issue is still occurring in 8.1.1.

---

<div class="post-metadata">

**Author:** ![Matthew.gaitan](https://avatars.discourse-cdn.com/v4/letter/m/59ef9b/32.png) [@Matthew.gaitan](https://forum.inductiveautomation.com/u/Matthew.gaitan)\
**Post date:** [January 22, 2021, 12:20am UTC](https://forum.inductiveautomation.com/t/bug-2608-8-1-perspective-column-container-not-opening-at-correct-breakpoint/40227/6 "2021-01-22T00:20:14Z")

</div>

Hey Michael,

How do your bindings look that drive the span and height?

---

<div class="post-metadata">

**Author:** ![michael2](https://avatars.discourse-cdn.com/v4/letter/m/3e96dc/32.png) [@michael2](https://forum.inductiveautomation.com/u/michael2)\
**Post date:** [January 22, 2021, 12:40am UTC](https://forum.inductiveautomation.com/t/bug-2608-8-1-perspective-column-container-not-opening-at-correct-breakpoint/40227/7 "2021-01-22T00:40:26Z")

</div>

Height is bound as an expression (I’ve done this because copying components in a column container does not retain the height value)

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/4/b/4b88ce76bafe1b9d873380f78e9c2c7492654455.png)

The span is determined by taking a minwidth custom property and using the breakpoint widths to determine the minimum span required to keep the width of the component large enough.

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/6/4/64bb80cff215e9b2767d23ff8bca39ab509e8b87.png)

I also have order bindings that just reflect a custom property on the component for ease of changing order on all breakpoints.

It seems like these don’t get evaluated correctly somehow. I can fix it by clicking the navigation link again from the menu tree or by resizing the page.

---

<div class="post-metadata">

**Author:** ![Matthew.gaitan](https://avatars.discourse-cdn.com/v4/letter/m/59ef9b/32.png) [@Matthew.gaitan](https://forum.inductiveautomation.com/u/Matthew.gaitan)\
**Post date:** [January 22, 2021, 4:13am UTC](https://forum.inductiveautomation.com/t/bug-2608-8-1-perspective-column-container-not-opening-at-correct-breakpoint/40227/8 "2021-01-22T04:13:05Z")

</div>

From what it looks like the `span` and maybe `order` properties are defaulting to `None` when your view loads and for some reason the initial navigation to the window isn’t firing those bindings.

What happens if you make them persistent? Do they load incorrectly on first load?

I’m assuming you don’t have a binding on custom.minWidth?

---

<div class="post-metadata">

**Author:** ![michael2](https://avatars.discourse-cdn.com/v4/letter/m/3e96dc/32.png) [@michael2](https://forum.inductiveautomation.com/u/michael2)\
**Post date:** [May 27, 2021, 1:41am UTC](https://forum.inductiveautomation.com/t/bug-2608-8-1-perspective-column-container-not-opening-at-correct-breakpoint/40227/9 "2021-05-27T01:41:40Z")

</div>

Persistent doesn’t appear to make a difference. Interestingly, when I inspect element, some of the items in the column container don’t even exist, when I resize they pop into existence. Looking at the ones that are working, they seem to have an undefined span. Can IA shed some light on how the column container determines the span? It seems like the bindings for the column container are being evaluated without the custom properties (When I delete the custom properties the same behaviour is seen in the designer). On a related note, when copying items with bindings, the props with bindings will not be visible. To get them to show up you need to deselect the component and select it again. Not sure if this behaviour has been seen elsewhere.

---

<div class="post-metadata">

**Author:** ![michael2](https://avatars.discourse-cdn.com/v4/letter/m/3e96dc/32.png) [@michael2](https://forum.inductiveautomation.com/u/michael2)\
**Post date:** [May 27, 2021, 1:56am UTC](https://forum.inductiveautomation.com/t/bug-2608-8-1-perspective-column-container-not-opening-at-correct-breakpoint/40227/10 "2021-05-27T01:56:54Z")

</div>

[columnTest.zip](https://forum.inductiveautomation.com/uploads/short-url/9B3AdZdoCA9TUWuN7sNuSHmpwx7.zip) (8.7 KB)  
Here is an export of a view using labels in a column container. Best way to replicate is to change one of the bindings to persistent, and then save while the session is open. It consistently occurs for me in this way. @cmallonee

---

<div class="post-metadata">

**Author:** ![michael2](https://avatars.discourse-cdn.com/v4/letter/m/3e96dc/32.png) [@michael2](https://forum.inductiveautomation.com/u/michael2)\
**Post date:** [May 27, 2021, 10:19pm UTC](https://forum.inductiveautomation.com/t/bug-2608-8-1-perspective-column-container-not-opening-at-correct-breakpoint/40227/11 "2021-05-27T22:19:15Z")

</div>

Bump for visibility.

---

<div class="post-metadata">

**Author:** ![ynejati](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/ynejati/32/6093_2.png) [@ynejati](https://forum.inductiveautomation.com/u/ynejati)\
**Post date:** [May 27, 2021, 11:54pm UTC](https://forum.inductiveautomation.com/t/bug-2608-8-1-perspective-column-container-not-opening-at-correct-breakpoint/40227/12 "2021-05-27T23:54:50Z")

</div>

We hear you, and are looking into it. What should we expect to see in the attached project? Are you seeing this behavior on a recent release?

---

<div class="post-metadata">

**Author:** ![michael2](https://avatars.discourse-cdn.com/v4/letter/m/3e96dc/32.png) [@michael2](https://forum.inductiveautomation.com/u/michael2)\
**Post date:** [May 28, 2021, 12:14am UTC](https://forum.inductiveautomation.com/t/bug-2608-8-1-perspective-column-container-not-opening-at-correct-breakpoint/40227/13 "2021-05-28T00:14:35Z")

</div>

8.1.5 is the version that this behaviour is replicated on. I have a page setup looking at that view directly. When the issue occurs, none of the labels will be visible. Reloading the webpage or changing the viewport dimensions will correct the behaviour and the labels will be at their correct dimensions. I am using chrome version 90.0.4430.212 as the browser, I haven’t tried replicating in firefox.

Other things to note: Labels and containers will not be in the page when the issue occurs, it is as if they do not exist. Embedded views do not exhibit this behaviour, but they will have incorrect span or position.

Before:

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/1/1/116489ad71c0f094d7e098295e7c49945e498f26.png)

after reload/resize:

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/2/2/22f2fdcf4ca3c330484d55cc07416827a2a4ec2b.png)

Note that the inner container only gets populated after the resize.

I am able to get the issue to occur more consistently when the update notification is turned off.

---

<div class="post-metadata">

**Author:** ![ynejati](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/ynejati/32/6093_2.png) [@ynejati](https://forum.inductiveautomation.com/u/ynejati)\
**Post date:** [May 28, 2021, 4:16pm UTC](https://forum.inductiveautomation.com/t/bug-2608-8-1-perspective-column-container-not-opening-at-correct-breakpoint/40227/14 "2021-05-28T16:16:14Z")

</div>

Okay, I see what is going on. We’ll get this fixed immediately. Thanks!

---

<div class="post-metadata">

**Author:** ![michael2](https://avatars.discourse-cdn.com/v4/letter/m/3e96dc/32.png) [@michael2](https://forum.inductiveautomation.com/u/michael2)\
**Post date:** [May 30, 2021, 9:51pm UTC](https://forum.inductiveautomation.com/t/bug-2608-8-1-perspective-column-container-not-opening-at-correct-breakpoint/40227/15 "2021-05-30T21:51:01Z")

</div>

Thanks @ynejati. Are you able to explain why this happens? It might assist others with different problems.

---

<div class="post-metadata">

**Author:** ![ynejati](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/ynejati/32/6093_2.png) [@ynejati](https://forum.inductiveautomation.com/u/ynejati)\
**Post date:** [June 1, 2021, 3:28pm UTC](https://forum.inductiveautomation.com/t/bug-2608-8-1-perspective-column-container-not-opening-at-correct-breakpoint/40227/16 "2021-06-01T15:28:12Z")

</div>

Sure. The column container expects that children have a rowIndex on initialization. If there is no rowIndex found on initialization, it will cause the issue that you’re seeing when no children are rendered to the container, i.e. the blank screen. The column container also does not listen to changes to the position property of its children at the moment. Until a fix for both is merged, you might be able to work around these issues by doing something to force the column container to update, like changing its dimensions or writing to its props once the rowIndex binding has been evaluated.

---

<div class="post-metadata">

**Author:** ![michael2](https://avatars.discourse-cdn.com/v4/letter/m/3e96dc/32.png) [@michael2](https://forum.inductiveautomation.com/u/michael2)\
**Post date:** [June 1, 2021, 9:39pm UTC](https://forum.inductiveautomation.com/t/bug-2608-8-1-perspective-column-container-not-opening-at-correct-breakpoint/40227/17 "2021-06-01T21:39:10Z")

</div>

Interesting, I assume this goes for the other position properties as well like span and column index.

---

<div class="post-metadata">

**Author:** ![ynejati](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/ynejati/32/6093_2.png) [@ynejati](https://forum.inductiveautomation.com/u/ynejati)\
**Post date:** [June 9, 2021, 8:43pm UTC](https://forum.inductiveautomation.com/t/bug-2608-8-1-perspective-column-container-not-opening-at-correct-breakpoint/40227/18 "2021-06-09T20:43:21Z")

</div>

Yes, all position properties. Fix should be available in the next nightly build and eventually 8.1.8 final. Thanks for your patience.
