WebComponentsReady event not triggered

[Nicolas Rannou]

Hi,

I have my main element using the flatiron-element to redirect my user:

....

<template if="{{route != null}}">

  <template if="{{route == 'home' || route == ''}}">

    <home-element structure="{{home}}"></home-element>

  </template>

  <template if="{{route == 'research'}}">

    <research-element structure="{{research}}"></research-element>

  </template>

  <template if="{{route == 'highlights'}}">

    <!-- <highlights-element></highlights-element> -->

  </template>

</template>

....

1- On login (#home), the user get directed to the 'home-element', and the WebComponentsReady gets fired properly.

2- If I want to go to another page (#research), the users gets directed to the 'research-element'. The catch is that WebComponentsReady is not re-fired once the 'research-element' is ready.

Is it expected or am I doing something wrong?

In addition, it there any good way to cache the elements once they have been loaded?

Best,

Nicolas

[Addy Osmani]

Replied to your question on StackOverflow.