From b4c6d203fb1e941f60afa391bb2f706f56d95696 Mon Sep 17 00:00:00 2001
From: gitricko <gitricko@users.noreply.github.com>
Date: Sat, 7 Mar 2026 14:05:49 +0000
Subject: [PATCH] Fix tooltip not appearing bug after edit-add notes

---
 src/utils/utils.js  |  6 ++++++
 src/views/Daily.vue | 10 +++++++++-
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/utils/utils.js b/src/utils/utils.js
index f38f5ed..192706c 100644
--- a/src/utils/utils.js
+++ b/src/utils/utils.js
@@ -713,6 +713,12 @@ export function useInitTooltip() {
     //console.log(" -> Init Tooltip")
     let tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
     tooltipTriggerList.map((tooltipTriggerEl) => {
+        // Dispose of existing tooltip if it exists
+        let existingTooltip = bootstrap.Tooltip.getInstance(tooltipTriggerEl)
+        if (existingTooltip) {
+            existingTooltip.dispose()
+        }
+        // Create new tooltip
         return new bootstrap.Tooltip(tooltipTriggerEl)
     })
 
diff --git a/src/views/Daily.vue b/src/views/Daily.vue
index 618eaec..2d02e7c 100644
--- a/src/views/Daily.vue
+++ b/src/views/Daily.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { onBeforeMount, onMounted, computed, reactive, ref } from 'vue';
+import { onBeforeMount, onMounted, computed, reactive, ref, nextTick } from 'vue';
 import Filters from '../components/Filters.vue'
 import NoData from '../components/NoData.vue';
 import SpinnerLoadingPage from '../components/SpinnerLoadingPage.vue';
@@ -128,16 +128,22 @@ async function clickTradesModal(param1, param2, param3) {
         if (tradeNoteChanged.value) {
             await useUpdateNote()
             await useGetNotes()
+            await nextTick()
+            await useInitTooltip()
         }
 
         if (tradeExcursionChanged.value) {
             await updateExcursions()
+            await nextTick()
+            await useInitTooltip()
         }
 
         if (tradeTagsChanged.value) {
             await Promise.all([useUpdateAvailableTags(), useUpdateTags()])
             await Promise.all([useGetTags(), useGetAvailableTags()])
             useCreateAvailableTagsArray()
+            await nextTick()
+            await useInitTooltip()
         }
 
         if (tradeScreenshotChanged.value) {
@@ -171,6 +177,8 @@ async function clickTradesModal(param1, param2, param3) {
             tradesModal.hide()
             await (modalDailyTradeOpen.value = false) //this is important because we use itemTradeIndex on filteredTrades and if change month, this causes problems. So only show modal content when clicked on open modal/v-if
             await useInitTab("daily")
+            await nextTick()
+            await useInitTooltip()
             loadScreenshots = false
             initCandleChart = true
         }