MrUnknownDE/VRCX
1
0
Fork 0
mirror of https://github.com/MrUnknownDE/VRCX.git synced 2026-05-06 22:46:06 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix: Add @select.prevent to ContextMenuCheckboxItems in the status bar and data table to prevent unintended context menu closure.

Browse Source
This commit is contained in:
pa
2026-03-17 17:03:23 +09:00
parent e4c5959685
commit 12215e6a4a
2 changed files with 14 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/StatusBar.vue
+11 -1
View File
@@ -246,36 +246,42 @@
<ContextMenuCheckboxItem <ContextMenuCheckboxItem
v-if="!isMacOS" v-if="!isMacOS"
:model-value="visibility.vrchat" :model-value="visibility.vrchat"
@select.prevent
@update:model-value="toggleVisibility('vrchat')"> @update:model-value="toggleVisibility('vrchat')">
{{ t('status_bar.game') }} {{ t('status_bar.game') }}
</ContextMenuCheckboxItem> </ContextMenuCheckboxItem>
<ContextMenuCheckboxItem <ContextMenuCheckboxItem
:model-value="visibility.servers" :model-value="visibility.servers"
@select.prevent
@update:model-value="toggleVisibility('servers')"> @update:model-value="toggleVisibility('servers')">
{{ t('status_bar.servers') }} {{ t('status_bar.servers') }}
</ContextMenuCheckboxItem> </ContextMenuCheckboxItem>
<ContextMenuCheckboxItem <ContextMenuCheckboxItem
v-if="!isMacOS" v-if="!isMacOS"
:model-value="visibility.steamvr" :model-value="visibility.steamvr"
@select.prevent
@update:model-value="toggleVisibility('steamvr')"> @update:model-value="toggleVisibility('steamvr')">
{{ t('status_bar.steamvr') }} {{ t('status_bar.steamvr') }}
</ContextMenuCheckboxItem> </ContextMenuCheckboxItem>
<ContextMenuCheckboxItem <ContextMenuCheckboxItem
:model-value="visibility.proxy" :model-value="visibility.proxy"
@select.prevent
@update:model-value="toggleVisibility('proxy')"> @update:model-value="toggleVisibility('proxy')">
{{ t('status_bar.proxy') }} {{ t('status_bar.proxy') }}
</ContextMenuCheckboxItem> </ContextMenuCheckboxItem>
<ContextMenuCheckboxItem :model-value="visibility.ws" @update:model-value="toggleVisibility('ws')"> <ContextMenuCheckboxItem :model-value="visibility.ws" @select.prevent @update:model-value="toggleVisibility('ws')">
WebSocket WebSocket
</ContextMenuCheckboxItem> </ContextMenuCheckboxItem>
<ContextMenuCheckboxItem <ContextMenuCheckboxItem
:model-value="visibility.uptime" :model-value="visibility.uptime"
@select.prevent
@update:model-value="toggleVisibility('uptime')"> @update:model-value="toggleVisibility('uptime')">
{{ t('status_bar.app_uptime_short') }} {{ t('status_bar.app_uptime_short') }}
</ContextMenuCheckboxItem> </ContextMenuCheckboxItem>
<ContextMenuCheckboxItem <ContextMenuCheckboxItem
v-if="!isMacOS" v-if="!isMacOS"
:model-value="visibility.zoom" :model-value="visibility.zoom"
@select.prevent
@update:model-value="toggleVisibility('zoom')"> @update:model-value="toggleVisibility('zoom')">
{{ t('status_bar.zoom') }} {{ t('status_bar.zoom') }}
</ContextMenuCheckboxItem> </ContextMenuCheckboxItem>
@@ -285,21 +291,25 @@
<ContextMenuSubContent> <ContextMenuSubContent>
<ContextMenuCheckboxItem <ContextMenuCheckboxItem
:model-value="clockCount === 0" :model-value="clockCount === 0"
@select.prevent
@update:model-value="setClockCount('0')"> @update:model-value="setClockCount('0')">
{{ t('status_bar.clocks_none') }} {{ t('status_bar.clocks_none') }}
</ContextMenuCheckboxItem> </ContextMenuCheckboxItem>
<ContextMenuCheckboxItem <ContextMenuCheckboxItem
:model-value="clockCount === 1" :model-value="clockCount === 1"
@select.prevent
@update:model-value="setClockCount('1')"> @update:model-value="setClockCount('1')">
1 {{ t('status_bar.clock') }} 1 {{ t('status_bar.clock') }}
</ContextMenuCheckboxItem> </ContextMenuCheckboxItem>
<ContextMenuCheckboxItem <ContextMenuCheckboxItem
:model-value="clockCount === 2" :model-value="clockCount === 2"
@select.prevent
@update:model-value="setClockCount('2')"> @update:model-value="setClockCount('2')">
2 {{ t('status_bar.clocks_label') }} 2 {{ t('status_bar.clocks_label') }}
</ContextMenuCheckboxItem> </ContextMenuCheckboxItem>
<ContextMenuCheckboxItem <ContextMenuCheckboxItem
:model-value="clockCount === 3" :model-value="clockCount === 3"
@select.prevent
@update:model-value="setClockCount('3')"> @update:model-value="setClockCount('3')">
3 {{ t('status_bar.clocks_label') }} 3 {{ t('status_bar.clocks_label') }}
</ContextMenuCheckboxItem> </ContextMenuCheckboxItem>
src/components/ui/data-table/DataTableLayout.vue
+3
View File
@@ -73,6 +73,7 @@
v-for="col in toggleableColumns" v-for="col in toggleableColumns"
:key="col.id" :key="col.id"
:model-value="col.getIsVisible()" :model-value="col.getIsVisible()"
@select.prevent
@update:model-value="col.toggleVisibility(!!$event)"> @update:model-value="col.toggleVisibility(!!$event)">
{{ resolveHeaderLabel(col) }} {{ resolveHeaderLabel(col) }}
</ContextMenuCheckboxItem> </ContextMenuCheckboxItem>
@@ -80,6 +81,7 @@
<ContextMenuSeparator /> <ContextMenuSeparator />
<ContextMenuCheckboxItem <ContextMenuCheckboxItem
:model-value="tcColumnOrderLocked" :model-value="tcColumnOrderLocked"
@select.prevent
@update:model-value="table.options.meta.columnOrderLocked.value = $event"> @update:model-value="table.options.meta.columnOrderLocked.value = $event">
{{ t('table.header_menu.lock_column_order') }} {{ t('table.header_menu.lock_column_order') }}
</ContextMenuCheckboxItem> </ContextMenuCheckboxItem>
@@ -154,6 +156,7 @@
<template v-if="tcColumnOrderLocked != null"> <template v-if="tcColumnOrderLocked != null">
<ContextMenuCheckboxItem <ContextMenuCheckboxItem
:model-value="tcColumnOrderLocked" :model-value="tcColumnOrderLocked"
@select.prevent
@update:model-value="table.options.meta.columnOrderLocked.value = $event"> @update:model-value="table.options.meta.columnOrderLocked.value = $event">
{{ t('table.header_menu.lock_column_order') }} {{ t('table.header_menu.lock_column_order') }}
</ContextMenuCheckboxItem> </ContextMenuCheckboxItem>