FIX: optimize collapse/expand select-kit codepath (#6818)

app/assets/javascripts/select-kit/mixins/dom-helpers.js.es6

@@ -63,11 +63,6 @@ export default Ember.Mixin.create({
     return this.$(this.filterInputSelector);
   },
 
-  @on("didRender")
-  _schedulePositionRendering() {
-    Ember.run.debounce(this, this._adjustPosition, 50, true);
-  },
-
   _adjustPosition() {
     this._applyDirection();
     this._applyFixedPosition();
@@ -128,15 +123,27 @@ export default Ember.Mixin.create({
     });
     this.focusFilterOrHeader();
     this.autoHighlight();
+
+    Ember.run.next(() => {
       this._boundaryActionHandler("onExpand", this);
+      Ember.run.schedule("afterRender", () => {
+        if (!this.isDestroying && !this.isDestroyed) {
+          this._adjustPosition();
+        }
+      });
+    });
   },
 
   collapse() {
     this.set("isExpanded", false);
 
     Ember.run.next(() => {
-      Ember.run.schedule("afterRender", () => this._removeFixedPosition());
       this._boundaryActionHandler("onCollapse", this);
+      Ember.run.schedule("afterRender", () => {
+        if (!this.isDestroying && !this.isDestroyed) {
+          this._removeFixedPosition();
+        }
+      });
     });
   },
 

app/assets/stylesheets/common/select-kit/select-kit.scss

@@ -24,6 +24,8 @@
     z-index: z("dropdown");
 
     .select-kit-body {
+      -webkit-animation: fadein 0.25s;
+      animation: fadein 0.25s;
       display: flex;
       flex-direction: column;
       left: 0;