Pipelines: Update stage tooltip.mr-widget-redesign

1 files changed, 6 insertions, 0 deletions

diff --git a/app/assets/javascripts/vue_pipelines_index/components/stage.js b/app/assets/javascripts/vue_pipelines_index/components/stage.js
index 37bb7950107..796454fbeee 100644
--- a/app/assets/javascripts/vue_pipelines_index/components/stage.js
+++ b/app/assets/javascripts/vue_pipelines_index/components/stage.js
@@ -72,6 +72,11 @@ export default {
       return statusClassToBorderlessSvgMap[this.stage.status.icon];
     },
   },
+  watch: {
+    'stage.title': function stageTitle() {
+      $(this.$refs.button).tooltip('destroy').tooltip();
+    },
+  },
   template: `
     <div>
       <button
@@ -81,6 +86,7 @@ export default {
         data-placement="top"
         data-toggle="dropdown"
         type="button"
+        ref="button"
         :aria-label="stage.title">
         <span v-html="svg" aria-hidden="true"></span>
         <i class="fa fa-caret-down" aria-hidden="true"></i>