From a58d6aeadc8503a5165752a6d17bb7ca2bf1b83c Mon Sep 17 00:00:00 2001
From: John Chilton <jmchilton@gmail.com>
Date: Thu, 13 Mar 2025 15:42:37 -0400
Subject: [PATCH] Workaround sticky tooltips when buttons become disabled.

---
 .../Form/FormListElementOperations.vue        | 50 ++++++++++---------
 1 file changed, 26 insertions(+), 24 deletions(-)

diff --git a/client/src/components/Form/FormListElementOperations.vue b/client/src/components/Form/FormListElementOperations.vue
index 33e61aad529..7440f4cd089 100644
--- a/client/src/components/Form/FormListElementOperations.vue
+++ b/client/src/components/Form/FormListElementOperations.vue
@@ -24,30 +24,32 @@ const emit = defineEmits<{
 <template>
     <span class="float-right">
         <BButtonGroup>
-            <BButton
-                :id="upButtonId"
-                v-b-tooltip.hover.bottom
-                :disabled="index == 0"
-                title="move up"
-                role="button"
-                variant="link"
-                size="sm"
-                class="ml-0"
-                @click="() => emit('swap-up')">
-                <FontAwesomeIcon :icon="faCaretUp" />
-            </BButton>
-            <BButton
-                :id="downButtonId"
-                v-b-tooltip.hover.bottom
-                :disabled="index >= numElements - 1"
-                title="move down"
-                role="button"
-                variant="link"
-                size="sm"
-                class="ml-0"
-                @click="() => emit('swap-down')">
-                <FontAwesomeIcon :icon="faCaretDown" />
-            </BButton>
+            <span v-b-tooltip.hover.bottom title="move up">
+                <BButton
+                    :id="upButtonId"
+                    v-b-tooltip.hover.bottom
+                    :disabled="index == 0"
+                    role="button"
+                    variant="link"
+                    size="sm"
+                    class="ml-0"
+                    @click="() => emit('swap-up')">
+                    <FontAwesomeIcon :icon="faCaretUp" />
+                </BButton>
+            </span>
+            <span v-b-tooltip.hover.bottom title="move down">
+                <BButton
+                    :id="downButtonId"
+                    :disabled="index >= numElements - 1"
+                    title="move down"
+                    role="button"
+                    variant="link"
+                    size="sm"
+                    class="ml-0"
+                    @click="() => emit('swap-down')">
+                    <FontAwesomeIcon :icon="faCaretDown" />
+                </BButton>
+            </span>
         </BButtonGroup>
 
         <span v-b-tooltip.hover.bottom :title="deleteTooltip">