Popover with template flickers on first open

[mihaibogdan10]

I'm using 0.14.2, but I've tested it and I have the same issue with master.

I find that simplest way to explain this is to show it. For a split second, the popover is positioned at the top-right corner of the element that shows/hides it. This only happens the first time I open it, however.

(I was only able to get a picture of the above by recording and playing in slow-motion)

All subsequent opens are correctly positioned.

I was able to showcase it in a plnkr, you can clearly observe the initial flickr, although the behavior is different: http://plnkr.co/hRJNKJGo6gaDFBmoPEMa

[wesleycho]

@RobJacobs know of what might cause this? Sounds related to the tooltip positioning

[RobJacobs]

Here is a plunk with the latest build from master that includes PR #4623 which behaves better. What you are seeing is the delay for the template to be loaded into cache then the popover sizing to fit that content. You don't see that again because the template's been cached. I added an example of an inline (local) template and you will notice there is no 'flash'.

[mihaibogdan10]

I'm afraid my use case prevents me from using inline templates, as I need to use the same one across a lot of different views.
Is it possible to wait for the template to be loaded before displaying anything the first time it is opened?

[icfantv]

@mihaibogdan10 you can register your template in the $templateCache at Angular boot time.

[wesleycho]

Closing this issue as a support issue.

You should always bundle your templates in $templateCache before it potentially loads. Never load a template via xhr if you want to avoid weird flashes such as this.