Update dropdown to not close when action is clicked

app/assets/javascripts/pipelines/components/graph/action_component.vue

@@ -62,7 +62,7 @@ export default {
     @click="onClickAction"
     v-tooltip
     :title="tooltipText"
-    class="btn btn-blank btn-transparent ci-action-icon-container ci-action-icon-wrapper"
+    class="js-ci-action btn btn-blank btn-transparent ci-action-icon-container ci-action-icon-wrapper"
     :class="cssClass"
     data-container="body"
     :disabled="isDisabled"

app/assets/javascripts/pipelines/components/graph/dropdown_job_component.vue

 <script>
-  import $ from 'jquery';
-  import jobNameComponent from './job_name_component.vue';
-  import jobComponent from './job_component.vue';
-  import tooltip from '../../../vue_shared/directives/tooltip';
+import $ from 'jquery';
+import JobNameComponent from './job_name_component.vue';
+import JobComponent from './job_component.vue';
+import tooltip from '../../../vue_shared/directives/tooltip';
 
-  /**
+/**
  * Renders the dropdown for the pipeline graph.
  *
  * The following object should be provided as `job`:
@@ -27,14 +27,14 @@
  *   }
  * }
  */
-  export default {
+export default {
   directives: {
     tooltip,
   },
 
   components: {
-      jobComponent,
-      jobNameComponent,
+    JobComponent,
+    JobNameComponent,
   },
 
   props: {
@@ -64,14 +64,15 @@
      * target the click event of this component.
      */
     stopDropdownClickPropagation() {
-        $(this.$el
-          .querySelectorAll('.js-grouped-pipeline-dropdown a.mini-pipeline-graph-dropdown-item'))
-          .on('click', (e) => {
+      $(
+        '.js-grouped-pipeline-dropdown button, .js-grouped-pipeline-dropdown a.mini-pipeline-graph-dropdown-item',
+        this.$el,
+      ).on('click', e => {
         e.stopPropagation();
       });
     },
   },
-  };
+};
 </script>
 <template>
   <div class="ci-job-dropdown-container">