# Perspective Workstation Transform Translate/Scale Glitch

**URL:** <https://forum.inductiveautomation.com/t/perspective-workstation-transform-translate-scale-glitch/49150>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [July 23, 2021, 5:07pm UTC](https://forum.inductiveautomation.com/t/perspective-workstation-transform-translate-scale-glitch/49150 "2021-07-23T17:07:40Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![robert.yevdokimov](https://avatars.discourse-cdn.com/v4/letter/r/5daacb/32.png) [@robert.yevdokimov](https://forum.inductiveautomation.com/u/robert.yevdokimov)\
**Post date:** [July 23, 2021, 5:07pm UTC](https://forum.inductiveautomation.com/t/perspective-workstation-transform-translate-scale-glitch/49150/1 "2021-07-23T17:07:40Z")

</div>

There appears to be some kind of anomaly when doing a transform in Perspective Workstation. You can see in the Workstation gif, right before zooming out that whole view goes white for a fraction of a second before completing the animation. You can also see that the zoom control window on the top left disappears despite not being attached to the view being translated.

Ran in Microsoft Edge/Chrome/Firefox:  
 ![ezgif-7-04b4df6ee6b0](https://us1.discourse-cdn.com/inductiveautomation/original/3X/d/4/d44ab024d17125b4680b3a69c5fee460b9b702cf.gif)

Ran in Perspective Workstation:  
 ![ezgif-7-946c268b6fbb](https://us1.discourse-cdn.com/inductiveautomation/original/3X/5/2/52471e93d96f4342c95c2e9d6b29b38f2820eb57.gif)

---

<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:** [July 26, 2021, 6:50am UTC](https://forum.inductiveautomation.com/t/perspective-workstation-transform-translate-scale-glitch/49150/2 "2021-07-26T06:50:31Z")

</div>

What did you use to draw everything with?  
Are most of those things svgs or just (div)containers?

---

<div class="post-metadata">

**Author:** ![robert.yevdokimov](https://avatars.discourse-cdn.com/v4/letter/r/5daacb/32.png) [@robert.yevdokimov](https://forum.inductiveautomation.com/u/robert.yevdokimov)\
**Post date:** [July 26, 2021, 2:43pm UTC](https://forum.inductiveautomation.com/t/perspective-workstation-transform-translate-scale-glitch/49150/3 "2021-07-26T14:43:54Z")

</div>

All objects in this view are embedded views with a SVG object inside for maintainability.

---

<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:** [July 26, 2021, 2:49pm UTC](https://forum.inductiveautomation.com/t/perspective-workstation-transform-translate-scale-glitch/49150/4 "2021-07-26T14:49:59Z")

</div>

> [@robert.yevdokimov](#):
>
> embedded views with a SVG object inside for maintainability

Hm im not sure what you actually mean by this but ahwelh, its not that imporant xd

Now for the disappearing zoom control i think you will to use the chrome inspector to see why it disappears at max zoom. Maybe something turns in invisible or it accidently gets pushed to the side.  
Use ctrl+shift+c to select it in the inspector and then zoom in and see what changes in the css.

For turning white i guess it might be because of the number of elements, but you could show me the animation code

---

<div class="post-metadata">

**Author:** ![robert.yevdokimov](https://avatars.discourse-cdn.com/v4/letter/r/5daacb/32.png) [@robert.yevdokimov](https://forum.inductiveautomation.com/u/robert.yevdokimov)\
**Post date:** [July 26, 2021, 3:00pm UTC](https://forum.inductiveautomation.com/t/perspective-workstation-transform-translate-scale-glitch/49150/5 "2021-07-26T15:00:16Z")

</div>

I created views to use as templates for common objects (conveyors, devices, navigation buttons), the actual object inside these “template views” are drawn outside Ignition and imported as an SVG. Then in a “none-template view” the templates are referenced as embedded views. This gives me the ability in the Perspective module to update the template and have those changes propagate across my project, similar to how a regular template in the Vision module would work.

I do not have any issues in Chrome or any other regular browser, my problem is with Perspective Workstation, and as far as I know there is no way to inspect in workstation.

---

<div class="post-metadata">

**Author:** ![jcoffman](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/jcoffman/32/6429_2.png) [@jcoffman](https://forum.inductiveautomation.com/u/jcoffman)\
**Post date:** [July 26, 2021, 3:25pm UTC](https://forum.inductiveautomation.com/t/perspective-workstation-transform-translate-scale-glitch/49150/6 "2021-07-26T15:25:46Z")

</div>

There is a planned update for Perspective Workstation which will bring the bundled version of chromium up to 91 which will likely fix this issue since this appears to be an issue in chromium. Ill add this thread to the ticket so we can pop in here and notify you when it makes it into a nightly. Once there, you could spot check the issue and see if its resolved.

In the meantime you should be able to open chrome on the system running workstation and navigate to localhost:9224 for remote debugging.

Hope that helps,  
Jonathan C

---

<div class="post-metadata">

**Author:** ![robert.yevdokimov](https://avatars.discourse-cdn.com/v4/letter/r/5daacb/32.png) [@robert.yevdokimov](https://forum.inductiveautomation.com/u/robert.yevdokimov)\
**Post date:** [July 26, 2021, 3:30pm UTC](https://forum.inductiveautomation.com/t/perspective-workstation-transform-translate-scale-glitch/49150/7 "2021-07-26T15:30:26Z")

</div>

Thanks for the reply. I know you probably get this question all the time, but is there a rough ETA for the update? Should I expect it in the near future or this a more distant update? Just trying to plan around it.

---

<div class="post-metadata">

**Author:** ![jcoffman](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/jcoffman/32/6429_2.png) [@jcoffman](https://forum.inductiveautomation.com/u/jcoffman)\
**Post date:** [July 26, 2021, 3:32pm UTC](https://forum.inductiveautomation.com/t/perspective-workstation-transform-translate-scale-glitch/49150/8 "2021-07-26T15:32:17Z")

</div>

Its not usually a trivial update and requires a lot of acceptance testing so i can’t give an ETA, but it is high on our priority list.

---

<div class="post-metadata">

**Author:** ![robert.yevdokimov](https://avatars.discourse-cdn.com/v4/letter/r/5daacb/32.png) [@robert.yevdokimov](https://forum.inductiveautomation.com/u/robert.yevdokimov)\
**Post date:** [July 26, 2021, 3:32pm UTC](https://forum.inductiveautomation.com/t/perspective-workstation-transform-translate-scale-glitch/49150/9 "2021-07-26T15:32:45Z")

</div>

Understood, thanks.

---

<div class="post-metadata">

**Author:** ![robert.yevdokimov](https://avatars.discourse-cdn.com/v4/letter/r/5daacb/32.png) [@robert.yevdokimov](https://forum.inductiveautomation.com/u/robert.yevdokimov)\
**Post date:** [December 7, 2021, 6:33pm UTC](https://forum.inductiveautomation.com/t/perspective-workstation-transform-translate-scale-glitch/49150/10 "2021-12-07T18:33:43Z")

</div>

In case this helps anyone, the issue has to do with the z-index for the different views getting out of order. Not sure how to reconcile this and will continue to wait for the chromium update. Another note is the Map component on the workstation pans a lot more smoothly when there a lot of objects on the screen compared to any browser, not sure why.

---

<div class="post-metadata">

**Author:** ![robert.yevdokimov](https://avatars.discourse-cdn.com/v4/letter/r/5daacb/32.png) [@robert.yevdokimov](https://forum.inductiveautomation.com/u/robert.yevdokimov)\
**Post date:** [December 9, 2021, 10:28pm UTC](https://forum.inductiveautomation.com/t/perspective-workstation-transform-translate-scale-glitch/49150/11 "2021-12-09T22:28:58Z")

</div>

Edited for better solution:

Fixed by changing the transform from 2D to 3D w/ transform: translate3d(…) and by adding will-change: transform on the zoom out.
