Components are rendered reverse?

1

I want to have an unordered list which represents tabs. I use the Foundation component “Tabs” (Tabs | Foundation Docs) and created Ember components for the UL and LI. Everything is working, BUT:

I want to give the first rendered LI the class of ‘active’, but the logic in the didInsertElement function of the LI component is not working, because Ember seems to render the LIs backwards. I displayed the timestamps next to the LIs and it actually looked like this:

<ul>
  <li>1440065245092</li>
  <li>1440065245090</li>
</ul>

Of course I could change my logic, but I want to understand why Ember is doing that or what is going in this case.

I hope you guys have the right answers :smile:

Thanks!