Disable Angular UI Grid column menu animation

Question

When I click on an Angular UI Grid column's arrow icon to show the dropdown menu for that column, then click the arrow icon again to hide it, the menu "shoots" up in an animated fashion, which I find undesirable.

How can I disable this behavior?

Answer 1

The ngAnimate module is responsible for the animation. You can exclude that from the application. If any of your dependent js libraries require ngAnimate then this may not be possible.

var app = angular.module('app', ['ngTouch', 'ui.grid']);

Example without the ngAnimate

http://plnkr.co/edit/EEI8te66R2aa4H9UFTHX?p=preview