From c66f7cd8e94849b77fbc8d65fb70a6e8c1b7fc37 Mon Sep 17 00:00:00 2001
From: Tatjana Dehler <tdehler@suse.com>
Date: Fri, 7 Jul 2023 11:46:45 +0200
Subject: [PATCH] Fix disabled radio button tooltip

Show the tooltip for a disabled radio button also while hovering over
the component itself. Not only on the label behind it.

Signed-off-by: Tatjana Dehler <tdehler@suse.com>
---
 .../components/MountTypeSelector.vue              | 15 ++++++---------
 .../Preferences/VirtualMachineEmulation.vue       | 15 ++++++---------
 2 files changed, 12 insertions(+), 18 deletions(-)

diff --git a/pkg/rancher-desktop/components/MountTypeSelector.vue b/pkg/rancher-desktop/components/MountTypeSelector.vue
index 433756b3bc9..f01eee97db9 100644
--- a/pkg/rancher-desktop/components/MountTypeSelector.vue
+++ b/pkg/rancher-desktop/components/MountTypeSelector.vue
@@ -138,6 +138,7 @@ export default Vue.extend({
               >
                 <radio-button
                   :key="groupName+'-'+index"
+                  v-tooltip="disabledVirtIoFsTooltip(option.disabled)"
                   :name="groupName"
                   :value="preferences.experimental.virtualMachine.mount.type"
                   :label="option.label"
@@ -148,15 +149,11 @@ export default Vue.extend({
                   @input="updateValue('experimental.virtualMachine.mount.type', $event)"
                 >
                   <template #label>
-                    <div
-                      v-tooltip="disabledVirtIoFsTooltip(option.disabled)"
-                    >
-                      {{ option.label }}
-                      <labeled-badge
-                        v-if="option.experimental"
-                        :text="t('prefs.experimental')"
-                      />
-                    </div>
+                    {{ option.label }}
+                    <labeled-badge
+                      v-if="option.experimental"
+                      :text="t('prefs.experimental')"
+                    />
                   </template>
                 </radio-button>
               </template>
diff --git a/pkg/rancher-desktop/components/Preferences/VirtualMachineEmulation.vue b/pkg/rancher-desktop/components/Preferences/VirtualMachineEmulation.vue
index 6684954fc26..0c3d55e83f2 100644
--- a/pkg/rancher-desktop/components/Preferences/VirtualMachineEmulation.vue
+++ b/pkg/rancher-desktop/components/Preferences/VirtualMachineEmulation.vue
@@ -104,6 +104,7 @@ export default (Vue as VueConstructor<Vue & VuexBindings>).extend({
               >
                 <radio-button
                   :key="groupName+'-'+index"
+                  v-tooltip="disabledVmTypeTooltip(option.disabled)"
                   :name="groupName"
                   :value="preferences.experimental.virtualMachine.type"
                   :label="option.label"
@@ -114,15 +115,11 @@ export default (Vue as VueConstructor<Vue & VuexBindings>).extend({
                   @input="onChange('experimental.virtualMachine.type', $event)"
                 >
                   <template #label>
-                    <div
-                      v-tooltip="disabledVmTypeTooltip(option.disabled)"
-                    >
-                      {{ option.label }}
-                      <labeled-badge
-                        v-if="option.experimental"
-                        :text="t('prefs.experimental')"
-                      />
-                    </div>
+                    {{ option.label }}
+                    <labeled-badge
+                      v-if="option.experimental"
+                      :text="t('prefs.experimental')"
+                    />
                   </template>
                 </radio-button>
               </template>