fix UI without Promise or timeOut/interval

1 files changed, 9 insertions, 2 deletions

diff --git a/app/assets/javascripts/vue_pipelines_index/stage.js.es6 b/app/assets/javascripts/vue_pipelines_index/stage.js.es6
index b6a20dd5994..ddfd00df42e 100644
--- a/app/assets/javascripts/vue_pipelines_index/stage.js.es6
+++ b/app/assets/javascripts/vue_pipelines_index/stage.js.es6
@@ -1,5 +1,5 @@
 /* global Vue, Flash, gl */
-/* eslint-disable no-param-reassign */
+/* eslint-disable no-param-reassign, no-bitwise */
 
 ((gl) => {
   gl.VueStage = Vue.extend({
@@ -32,7 +32,14 @@
         const areaExpanded = e.currentTarget.attributes['aria-expanded'];
 
         if (areaExpanded && (areaExpanded.textContent === 'true')) {
-          return setTimeout(() => (this.request = false), 100);
+          const related = e.relatedTarget;
+          if (!related) {
+            return this.clearBuilds();
+          } else if (!related.parentElement) {
+            return this.clearBuilds();
+          } else if (~related.parentElement.parentElement.className.indexOf('js-builds-dropdown-container')) {
+            return null;
+          }
         }
 
         if (this.request) return this.clearBuilds();