Strange side effects with Ember Animated

[djodonnell]

Hi,

I'm not exactly sure where to start with describing the issues, but I've found that using the did-resize modifier has introduced some unintended side effects in my project, and for now I'm going to have to remove it.

I'm using ember-animated to perform some transitions and everything was working as it should. I have a grid of "cards" which can be moved around via drag-and-drop and ember-animated handles the animation of gliding the cards into a "snapped" position on the grid. Given that the cards are placed on a grid I'm using a grid layout.

I was using did-resize modifier to help me recalculate the absolute height and width of a grid cell in the event that the window was resized and that part worked fine.

The side effect is that when ember-animated goes to make the transitions, for some reason did-resize-modifier adds a whole bunch of styles to the "div" dom elements including (position: absolute, left and top in absolute coordinates). I have no idea why this is happening, but this morning when I removed the did-resize modifier it fixed the problem.

I'm not sure why this is happening, and it may well be that there is some type of clash between events in the two libraries but it's pretty strange.

Regards,

Dave