From 8e4bbd9b5db6de6a4c2df2098ff26b444fabe65a Mon Sep 17 00:00:00 2001
From: Anton <anton@scinote.net>
Date: Wed, 9 Apr 2025 15:34:35 +0200
Subject: [PATCH] Fix tooltip on NA button [SCI-11808]

---
 app/javascript/vue/forms/field.vue | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/app/javascript/vue/forms/field.vue b/app/javascript/vue/forms/field.vue
index 1a4c6dbad..dfa362c76 100644
--- a/app/javascript/vue/forms/field.vue
+++ b/app/javascript/vue/forms/field.vue
@@ -19,7 +19,8 @@
       {{  i18n.t('forms.fields.submitted_by', { date: field.field_value.submitted_at, user: field.field_value.submitted_by_full_name}) }}
     </span>
     <button class="btn btn-secondary mb-0.5"
-            :title="i18n.t('forms.fields.mark_as_na_tooltip') "
+            :key="this.field.field_value?.value"
+            :title="this.field.field_value?.value ? i18n.t('forms.fields.mark_as_na_tooltip') : ''"
             data-toggle="tooltip"
             data-placement="top"
             :disabled="disabled"
@@ -90,9 +91,9 @@ export default {
     if (this.$refs.description) {
       this.$nextTick(() => {
         window.renderElementSmartAnnotations(this.$refs.description, 'span');
-        $('[data-toggle="tooltip"]').tooltip();
       });
     }
+    $('[data-toggle="tooltip"]').tooltip();
   },
   computed: {
     unit() {
@@ -111,6 +112,10 @@ export default {
           value,
           this.markAsNa
         );
+
+        setTimeout(() => {
+          $('[data-toggle="tooltip"]').tooltip();
+        }, 1000);
       }
     }
   }