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

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

View File

@@ -246,36 +246,42 @@
<ContextMenuCheckboxItem
v-if="!isMacOS"
:model-value="visibility.vrchat"
@select.prevent
@update:model-value="toggleVisibility('vrchat')">
{{ t('status_bar.game') }}
</ContextMenuCheckboxItem>
<ContextMenuCheckboxItem
:model-value="visibility.servers"
@select.prevent
@update:model-value="toggleVisibility('servers')">
{{ t('status_bar.servers') }}
</ContextMenuCheckboxItem>
<ContextMenuCheckboxItem
v-if="!isMacOS"
:model-value="visibility.steamvr"
@select.prevent
@update:model-value="toggleVisibility('steamvr')">
{{ t('status_bar.steamvr') }}
</ContextMenuCheckboxItem>
<ContextMenuCheckboxItem
:model-value="visibility.proxy"
@select.prevent
@update:model-value="toggleVisibility('proxy')">
{{ t('status_bar.proxy') }}
</ContextMenuCheckboxItem>
<ContextMenuCheckboxItem :model-value="visibility.ws" @update:model-value="toggleVisibility('ws')">
<ContextMenuCheckboxItem :model-value="visibility.ws" @select.prevent @update:model-value="toggleVisibility('ws')">
WebSocket
</ContextMenuCheckboxItem>
<ContextMenuCheckboxItem
:model-value="visibility.uptime"
@select.prevent
@update:model-value="toggleVisibility('uptime')">
{{ t('status_bar.app_uptime_short') }}
</ContextMenuCheckboxItem>
<ContextMenuCheckboxItem
v-if="!isMacOS"
:model-value="visibility.zoom"
@select.prevent
@update:model-value="toggleVisibility('zoom')">
{{ t('status_bar.zoom') }}
</ContextMenuCheckboxItem>
@@ -285,21 +291,25 @@
<ContextMenuSubContent>
<ContextMenuCheckboxItem
:model-value="clockCount === 0"
@select.prevent
@update:model-value="setClockCount('0')">
{{ t('status_bar.clocks_none') }}
</ContextMenuCheckboxItem>
<ContextMenuCheckboxItem
:model-value="clockCount === 1"
@select.prevent
@update:model-value="setClockCount('1')">
1 {{ t('status_bar.clock') }}
</ContextMenuCheckboxItem>
<ContextMenuCheckboxItem
:model-value="clockCount === 2"
@select.prevent
@update:model-value="setClockCount('2')">
2 {{ t('status_bar.clocks_label') }}
</ContextMenuCheckboxItem>
<ContextMenuCheckboxItem
:model-value="clockCount === 3"
@select.prevent
@update:model-value="setClockCount('3')">
3 {{ t('status_bar.clocks_label') }}
</ContextMenuCheckboxItem>

View File

@@ -73,6 +73,7 @@
v-for="col in toggleableColumns"
:key="col.id"
:model-value="col.getIsVisible()"
@select.prevent
@update:model-value="col.toggleVisibility(!!$event)">
{{ resolveHeaderLabel(col) }}
</ContextMenuCheckboxItem>
@@ -80,6 +81,7 @@
<ContextMenuSeparator />
<ContextMenuCheckboxItem
:model-value="tcColumnOrderLocked"
@select.prevent
@update:model-value="table.options.meta.columnOrderLocked.value = $event">
{{ t('table.header_menu.lock_column_order') }}
</ContextMenuCheckboxItem>
@@ -154,6 +156,7 @@
<template v-if="tcColumnOrderLocked != null">
<ContextMenuCheckboxItem
:model-value="tcColumnOrderLocked"
@select.prevent
@update:model-value="table.options.meta.columnOrderLocked.value = $event">
{{ t('table.header_menu.lock_column_order') }}
</ContextMenuCheckboxItem>