Check out my Plunker project here: http://plnkr.co/edit/Pl5KaBkFouadAGKSB0Mt?p=preview
On this page, a message with my name pops up every 3 seconds. However, during the transition between messages, both the actual message div and the placeholder div are briefly visible at the same time. This causes some content below them (like div class="more-stuff"
) to shift down. I've been trying to find a solution to this issue, possibly by using .ng-stagger
on the placeholder element, but it feels like an excessive workaround. Is there a more elegant way to address this problem?