# \[Bug-13855\]Perspective Layout bug in Chrome

**URL:** <https://forum.inductiveautomation.com/t/bug-13855-perspective-layout-bug-in-chrome/24805>\
**Category:** Ignition Early Access\
**Created:** [May 8, 2019, 5:20pm UTC](https://forum.inductiveautomation.com/t/bug-13855-perspective-layout-bug-in-chrome/24805 "2019-05-08T17:20:59Z")\
**Posts on this page:** 15\
**Page:** 1

<div class="post-metadata">

**Author:** ![Steve\_Laubach](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/steve_laubach/32/60900_2.png) [@Steve\_Laubach](https://forum.inductiveautomation.com/u/Steve_Laubach)\
**Post date:** [May 8, 2019, 5:20pm UTC](https://forum.inductiveautomation.com/t/bug-13855-perspective-layout-bug-in-chrome/24805/1 "2019-05-08T17:20:59Z")

</div>

My gateway is running the 8.01 stable build.

I am loading 3 embedded views inside a flex frame. Each view has a table inside it that is populated by a SQL Query.

The tables load properly on Edge and Firefox. They look like this on Chrome.

 ![Perspective%20table%20not%20displaying%20in%20Chrome](https://us1.discourse-cdn.com/inductiveautomation/original/2X/5/54b9c50fd715c67b51da315a69e827febc8530d0.png)

I have another screen that has a table on it where I am dynamically loading data into the table with a python script (historic tag data source) and it’s working fine in Chrome.

The tables that are laying out funny are populated by a stored procedure call form MS SQL Server. I’m not sure if that impacts how it displays but it seems that it wouldn’t. I suspect it has to do with populating a table control that lives inside an embedded view.

---

<div class="post-metadata">

**Author:** ![Steve\_Laubach](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/steve_laubach/32/60900_2.png) [@Steve\_Laubach](https://forum.inductiveautomation.com/u/Steve_Laubach)\
**Post date:** [May 8, 2019, 5:52pm UTC](https://forum.inductiveautomation.com/t/bug-13855-perspective-layout-bug-in-chrome/24805/2 "2019-05-08T17:52:54Z")

</div>

The datetime Input control also crashes the perspective session if you click it from Chrome. Basically, you click, nothing happens, time passes and then it tells you it crashed and asks if you want to reload the page.

It works on Firefox and Edge.

---

<div class="post-metadata">

**Author:** ![paul-griffith](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/paul-griffith/32/37249_2.png) [@paul-griffith](https://forum.inductiveautomation.com/u/paul-griffith)\
**Post date:** [May 8, 2019, 5:55pm UTC](https://forum.inductiveautomation.com/t/bug-13855-perspective-layout-bug-in-chrome/24805/3 "2019-05-08T17:55:34Z")

</div>

What version of Chrome are you using? We test on Chrome (primarily, even) and I don’t think we’ve encountered any of those issues.

---

<div class="post-metadata">

**Author:** ![Steve\_Laubach](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/steve_laubach/32/60900_2.png) [@Steve\_Laubach](https://forum.inductiveautomation.com/u/Steve_Laubach)\
**Post date:** [May 8, 2019, 5:57pm UTC](https://forum.inductiveautomation.com/t/bug-13855-perspective-layout-bug-in-chrome/24805/4 "2019-05-08T17:57:16Z")

</div>

Version 74.0.3729.131 (Official Build) (64-bit)

I can provide server access in pm if that is helpful. It’s a pilot project.

---

<div class="post-metadata">

**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\
**Post date:** [May 8, 2019, 8:54pm UTC](https://forum.inductiveautomation.com/t/bug-13855-perspective-layout-bug-in-chrome/24805/5 "2019-05-08T20:54:23Z")

</div>

I’m using Chrome 74 right now and looking into the DateTime Input issue, but I don’t see any issue. Could you provide the `view.json` file for the View in question?

---

<div class="post-metadata">

**Author:** ![Steve\_Laubach](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/steve_laubach/32/60900_2.png) [@Steve\_Laubach](https://forum.inductiveautomation.com/u/Steve_Laubach)\
**Post date:** [May 9, 2019, 12:22pm UTC](https://forum.inductiveautomation.com/t/bug-13855-perspective-layout-bug-in-chrome/24805/6 "2019-05-09T12:22:29Z")

</div>

I’ll PM you the details. Some customer stuff present in the data.

---

<div class="post-metadata">

**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\
**Post date:** [May 10, 2019, 4:53pm UTC](https://forum.inductiveautomation.com/t/bug-13855-perspective-layout-bug-in-chrome/24805/7 "2019-05-10T16:53:32Z")

</div>

Definitely a bug. it looks like setting a property on the Table should work for a workaround for now.

In `Table.props.style`, add a new property value: `display`, and give it a value of `flex`. That should get you working in the short-term while we determine a fix.  
 ![19%20AM](https://us1.discourse-cdn.com/inductiveautomation/original/2X/f/f89336cdc0bdd518ef4dec943e2062d8165c2f2b.png)

---

<div class="post-metadata">

**Author:** ![Steve\_Laubach](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/steve_laubach/32/60900_2.png) [@Steve\_Laubach](https://forum.inductiveautomation.com/u/Steve_Laubach)\
**Post date:** [May 10, 2019, 8:27pm UTC](https://forum.inductiveautomation.com/t/bug-13855-perspective-layout-bug-in-chrome/24805/8 "2019-05-10T20:27:33Z")

</div>

I just found what I think is another reproducible bug in the DateTime Input control.

The customer wanted it to prevent them from entering a date in the future. I put this property change script that simply sets the date back to current date if they enter a future date.

```
if currentValue > system.date.toMillis(system.date.now()):
	self.props.value = system.date.toMillis(system.date.now())	

```

currentValue does not appear to be the last entered value. Maybe I misunderstand what the property is supposed to be. If you put that script on a valueChanged event it just runs away with a property update loop.

This script worked.  
if self.props.value \> system.date.toMillis(system.date.now()):  
self.props.value = system.date.toMillis(system.date.now())

Anyway, wanted to pass that on in case it’s related to the crash when I click on the control. I was actually seeing this run away on more than just Chrome so it could be completely unrelated.

---

<div class="post-metadata">

**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\
**Post date:** [May 10, 2019, 8:30pm UTC](https://forum.inductiveautomation.com/t/bug-13855-perspective-layout-bug-in-chrome/24805/9 "2019-05-10T20:30:01Z")

</div>

Did you try logging currentValue to see what you were getting? If it’s a qualified value, then I would expect a QualifiedValue object to always be greater than some time value.

---

<div class="post-metadata">

**Author:** ![Steve\_Laubach](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/steve_laubach/32/60900_2.png) [@Steve\_Laubach](https://forum.inductiveautomation.com/u/Steve_Laubach)\
**Post date:** [May 10, 2019, 8:31pm UTC](https://forum.inductiveautomation.com/t/bug-13855-perspective-layout-bug-in-chrome/24805/10 "2019-05-10T20:31:56Z")

</div>

I don’t know python so I am muddling my way through it. how do I write a value to the log?

---

<div class="post-metadata">

**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\
**Post date:** [May 10, 2019, 8:37pm UTC](https://forum.inductiveautomation.com/t/bug-13855-perspective-layout-bug-in-chrome/24805/11 "2019-05-10T20:37:13Z")

</div>

```auto
logger = system.util.getLogger('DESIREDLOCALIZEDLOGNAME')
logger.info('New value: {0}'.format(currentValue))

```

BUT… this will usually coerce the value, so you’ll end up seeing currentValue.value in the log.  
If you supply the previous logging, but attempt to log `str(type(currentValue))`, you’l see that it is indeed a BasicQualifiedValue.

TLDR; instead of `currentValue`, use `currentValue.value`.

---

<div class="post-metadata">

**Author:** ![Steve\_Laubach](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/steve_laubach/32/60900_2.png) [@Steve\_Laubach](https://forum.inductiveautomation.com/u/Steve_Laubach)\
**Post date:** [May 10, 2019, 8:38pm UTC](https://forum.inductiveautomation.com/t/bug-13855-perspective-layout-bug-in-chrome/24805/12 "2019-05-10T20:38:46Z")

</div>

Oh crap… I remember that from training. yeah, I know what you’re talking about. I was doing it wrong. That was a few years ago and I haven’t had to use it in a while. Sorry to waste your time.

---

<div class="post-metadata">

**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\
**Post date:** [May 10, 2019, 8:41pm UTC](https://forum.inductiveautomation.com/t/bug-13855-perspective-layout-bug-in-chrome/24805/13 "2019-05-10T20:41:43Z")

</div>

It’s never a waste.

---

<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:** [May 16, 2019, 7:09pm UTC](https://forum.inductiveautomation.com/t/bug-13855-perspective-layout-bug-in-chrome/24805/14 "2019-05-16T19:09:36Z")

</div>

I can confirm the issue with tables only displaying the header in Chrome 74 using build 8.0.1.  
The `display: flex` property doesn’t fix the issue for me.  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/2X/2/2b91d4db052450add89267db445d07d378a753df.png)

When I change the height property here to anything other than 0px, it actually shows the row data.

---

<div class="post-metadata">

**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\
**Post date:** [May 16, 2019, 7:24pm UTC](https://forum.inductiveautomation.com/t/bug-13855-perspective-layout-bug-in-chrome/24805/15 "2019-05-16T19:24:32Z")

</div>

Yes, we already opened a bug for it.
