# "Invisible" items shown for a split second after opening popup

**URL:** <https://forum.inductiveautomation.com/t/invisible-items-shown-for-a-split-second-after-opening-popup/73415>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [May 8, 2023, 3:29pm UTC](https://forum.inductiveautomation.com/t/invisible-items-shown-for-a-split-second-after-opening-popup/73415 "2023-05-08T15:29:17Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![Ryan\_Allen](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/ryan_allen/32/47013_2.png) [@Ryan\_Allen](https://forum.inductiveautomation.com/u/Ryan_Allen)\
**Post date:** [May 8, 2023, 3:29pm UTC](https://forum.inductiveautomation.com/t/invisible-items-shown-for-a-split-second-after-opening-popup/73415/1 "2023-05-08T15:29:17Z")

</div>

When I click on a item that opens a popup from a script in a session, I'm seeing items that should have a display position value of 'false' for a split second.

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/7/8/78fefa6f1ada20223c0927c294c4db68c14931ea.png)

After that split second, everything goes to how it should be:  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/a/9/a9731c5d6b5e9b4161716cfbaf462ba4e9a12714.png)

How can I improve this? Is there a way to artificially delay the popup open time by 250ms while it loads before anything is displayed? Open to suggestions with any solution.

---

<div class="post-metadata">

**Author:** ![MMaynard](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/mmaynard/32/3366_2.png) [@MMaynard](https://forum.inductiveautomation.com/u/MMaynard)\
**Post date:** [May 8, 2023, 5:39pm UTC](https://forum.inductiveautomation.com/t/invisible-items-shown-for-a-split-second-after-opening-popup/73415/2 "2023-05-08T17:39:34Z")

</div>

Save the view in designer with everything already set to Visible False.

---

<div class="post-metadata">

**Author:** ![Ryan\_Allen](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/ryan_allen/32/47013_2.png) [@Ryan\_Allen](https://forum.inductiveautomation.com/u/Ryan_Allen)\
**Post date:** [May 8, 2023, 6:05pm UTC](https://forum.inductiveautomation.com/t/invisible-items-shown-for-a-split-second-after-opening-popup/73415/3 "2023-05-08T18:05:30Z")

</div>

I am currently doing that and it still has this behavior :\

---

<div class="post-metadata">

**Author:** ![pturmel](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pturmel/32/3295_2.png) [@pturmel](https://forum.inductiveautomation.com/u/pturmel)\
**Post date:** [May 8, 2023, 6:25pm UTC](https://forum.inductiveautomation.com/t/invisible-items-shown-for-a-split-second-after-opening-popup/73415/4 "2023-05-08T18:25:19Z")

</div>

Is there any chance your bindings are executing twice? Once with the default values of all props, and again after async bindings complete? You may need to check that all of your "as saved" properties, involved in the visibility bindings, produce a "false", too.

---

<div class="post-metadata">

**Author:** ![Ryan\_Allen](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/ryan_allen/32/47013_2.png) [@Ryan\_Allen](https://forum.inductiveautomation.com/u/Ryan_Allen)\
**Post date:** [May 8, 2023, 6:36pm UTC](https://forum.inductiveautomation.com/t/invisible-items-shown-for-a-split-second-after-opening-popup/73415/5 "2023-05-08T18:36:21Z")

</div>

Yep any view/property that could be affecting it has an "as saved" value of false. Of note, this is true for literally all of my popups \*and pages, there is an initial 250ms of loading where all bindings have yet to initialize

Looks like the same thing is even happening with the Ignition demo screens:  
[Perspective Demo (inductiveautomation.com)](https://onlinedemo.inductiveautomation.com/data/perspective/client/OnlineDemo/feature/realtime/hmi)

Is it possible to load a view/page/popup but not display it for a predefined delay period?

---

<div class="post-metadata">

**Author:** ![jlandwerlen](https://avatars.discourse-cdn.com/v4/letter/j/bc8723/32.png) [@jlandwerlen](https://forum.inductiveautomation.com/u/jlandwerlen)\
**Post date:** [May 10, 2023, 4:30pm UTC](https://forum.inductiveautomation.com/t/invisible-items-shown-for-a-split-second-after-opening-popup/73415/6 "2023-05-10T16:30:54Z")

</div>

I assume one component you are referring to is the alarm banner? If this is similar to the exchange resource, it has a binding for `display`. Create a startup script on the root container and set `display` to `False`. Do this for all items you don't want to show briefly.

---

<div class="post-metadata">

**Author:** ![Ryan\_Allen](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/ryan_allen/32/47013_2.png) [@Ryan\_Allen](https://forum.inductiveautomation.com/u/Ryan_Allen)\
**Post date:** [May 10, 2023, 4:32pm UTC](https://forum.inductiveautomation.com/t/invisible-items-shown-for-a-split-second-after-opening-popup/73415/7 "2023-05-10T16:32:53Z")

</div>

I'll give that a shot, thanks!

---

<div class="post-metadata">

**Author:** ![jlandwerlen](https://avatars.discourse-cdn.com/v4/letter/j/bc8723/32.png) [@jlandwerlen](https://forum.inductiveautomation.com/u/jlandwerlen)\
**Post date:** [May 16, 2023, 3:32pm UTC](https://forum.inductiveautomation.com/t/invisible-items-shown-for-a-split-second-after-opening-popup/73415/8 "2023-05-16T15:32:19Z")

</div>

You may also try setting `Persistent` option on the binding. I noticed similar behavior as you when using the enabled property for components. Setting `Persistent` worked for me. Just remember to save the view in the "correct" state.

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

[https://docs.inductiveautomation.com/display/DOC81/Perspective+Component+Properties#PerspectiveComponentProperties-BindingsandPersistence](https://docs.inductiveautomation.com/display/DOC81/Perspective+Component+Properties#PerspectiveComponentProperties-BindingsandPersistence)

---

<div class="post-metadata">

**Author:** ![Ryan\_Allen](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/ryan_allen/32/47013_2.png) [@Ryan\_Allen](https://forum.inductiveautomation.com/u/Ryan_Allen)\
**Post date:** [May 17, 2023, 2:58am UTC](https://forum.inductiveautomation.com/t/invisible-items-shown-for-a-split-second-after-opening-popup/73415/9 "2023-05-17T02:58:21Z")

</div>

Didn't completely get rid of the issue but it did actually help quite a lot. Seems so obvious in hindsight but for some reason I didn't think to mess with the persistent property

---

<div class="post-metadata">

**Author:** ![jshannon](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/jshannon/32/81937_2.png) [@jshannon](https://forum.inductiveautomation.com/u/jshannon)\
**Post date:** [May 15, 2024, 1:24pm UTC](https://forum.inductiveautomation.com/t/invisible-items-shown-for-a-split-second-after-opening-popup/73415/10 "2024-05-15T13:24:09Z")

</div>

Ryan, are you still having this issue partially or did you find a work around that works all of the time?

---

<div class="post-metadata">

**Author:** ![Ryan\_Allen](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/ryan_allen/32/47013_2.png) [@Ryan\_Allen](https://forum.inductiveautomation.com/u/Ryan_Allen)\
**Post date:** [May 15, 2024, 7:43pm UTC](https://forum.inductiveautomation.com/t/invisible-items-shown-for-a-split-second-after-opening-popup/73415/11 "2024-05-15T19:43:23Z")

</div>

Setting the persistent property and also adding a fade in popup animation for the remaining issues has worked for me.

> [@Can you animate a popup window in perspective?](https://forum.inductiveautomation.com/t/can-you-animate-a-popup-window-in-perspective/74925/4):
>
> I haven't done much with this, but I just did a quick test and you can add an animation to the .ia\_popup class and it will animate the popup "window" itself. For example I added the theme/app/popup.css into my custom theme with the below code and it animates the popup itself. @keyframes popUp\_fadeIn { 0% { transform: scale(0); opacity: 0.0; } 60% { transform: scale(1.1); } 80% { transform: scale(0.9); opacity: 1; } …
