Liquid Fire and ember-wormhole


Just started incorporating liquid fire into my application (which has been fun to work with) and I’ve hit an area of my application that uses ember-wormhole to add a floating action button (material design) to the header.

When I transition to a new page, liquid fire doesn’t target the button since it’s outside it’s container. I can’t absolute position the button because of the overflow: hidden styling on the liquid-outlet and it sticks out like a sore thumb with the rest of the page animating. Is there a way to trigger a transition on an element outside the liquid container?


I don’t think it’s possible. If it’s a very specific component you could use the didInsertElement/willInsertElement hooks to animate the button its own, but it’s not optimal. I gave a small talk about this a year ago. If you need more info: