Include pointer-events: none

FlowFuse · Dec 10, 2024 · cf43fea · cf43fea
1 parent 8746318
commit cf43fea
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/ui/src/widgets/ui-switch/UISwitch.vue b/ui/src/widgets/ui-switch/UISwitch.vue
@@ -21,6 +21,7 @@
             v-if="!icon" v-model="status"
             :disabled="!state.enabled"
             :class="{'active': status, 'nrdb-ui-switch-default-cursor': !switchClickable}"
+            :style="{'pointer-events': switchClickable ? 'inherit' : 'none'}"
             hide-details="auto" color="primary"
             :loading="loading ? (status === true ? 'secondary' : 'primary') : null"
             readonly
@@ -30,7 +31,7 @@
             v-else-if="!loading"
             variant="text"
             :disabled="!state.enabled"
-            :style="{cursor: switchClickable ? 'pointer' : 'default'}"
+            :style="{'pointer-events': switchClickable ? 'inherit' : 'none', cursor: switchClickable ? 'pointer' : 'default'}"
             :icon="icon"
             :color="color"
             @click.stop="switchClickable ? toggle() : null"