From 1a7f9ca95274e33b2ec64336a2a3bfc1f435376f Mon Sep 17 00:00:00 2001
From: pa <maplenagisa@gmail.com>
Date: Thu, 26 Mar 2026 00:12:53 +0900
Subject: [PATCH] fix: location context menu does not remove external classes
 from location node

---
 src/components/Location.vue               |  6 +++++-
 src/components/__tests__/Location.test.js | 25 ++++++++++++++++++++++-
 2 files changed, 29 insertions(+), 2 deletions(-)

diff --git a/src/components/Location.vue b/src/components/Location.vue
index 44e44f9f..3ed907e0 100644
--- a/src/components/Location.vue
+++ b/src/components/Location.vue
@@ -1,7 +1,7 @@
 <template>
     <component :is="enableContextMenu ? ContextMenu : Passthrough">
         <component :is="enableContextMenu ? ContextMenuTrigger : Passthrough" as-child>
-            <div class="cursor-pointer">
+            <div class="cursor-pointer" v-bind="$attrs">
                 <div v-if="!text" class="text-transparent">-</div>
                 <div v-show="text" class="flex items-center">
                     <template v-if="isAgeRestricted">
@@ -83,6 +83,10 @@
     import WorldActionMenuItems from './WorldActionMenuItems.vue';
     import { accessTypeLocaleKeyMap } from '../shared/constants';
 
+    defineOptions({
+        inheritAttrs: false
+    });
+
     const Passthrough = (_, { slots }) => slots.default?.();
 
     const { t } = useI18n();
diff --git a/src/components/__tests__/Location.test.js b/src/components/__tests__/Location.test.js
index b8c1dd3b..501023e0 100644
--- a/src/components/__tests__/Location.test.js
+++ b/src/components/__tests__/Location.test.js
@@ -112,6 +112,10 @@ const i18n = createI18n({
 });
 
 const stubs = {
+    ContextMenu: { template: '<div><slot /></div>' },
+    ContextMenuTrigger: { template: '<div><slot /></div>' },
+    ContextMenuContent: { template: '<div><slot /></div>' },
+    WorldActionMenuItems: { template: '<div />' },
     TooltipWrapper: {
         template: '<span><slot /></span>',
         props: [
@@ -126,9 +130,10 @@ const stubs = {
     AlertTriangle: { template: '<span class="alert-triangle" />' }
 };
 
-function mountLocation(props = {}, appearanceOverrides = {}) {
+function mountLocation(props = {}, appearanceOverrides = {}, mountOptions = {}) {
     return mount(Location, {
         props,
+        ...mountOptions,
         global: {
             plugins: [
                 i18n,
@@ -185,6 +190,24 @@ describe('Location.vue', () => {
         });
     });
 
+    describe('context menu attrs', () => {
+        test('keeps external classes on the visible location node when context menu is enabled', () => {
+            const wrapper = mountLocation(
+                { location: 'wrld_12345:67890', enableContextMenu: true },
+                {},
+                {
+                    attrs: {
+                        class: 'text-xs custom-location'
+                    }
+                }
+            );
+
+            const locationNode = wrapper.find('.custom-location');
+            expect(locationNode.exists()).toBe(true);
+            expect(locationNode.classes()).toContain('text-xs');
+        });
+    });
+
     describe('hint display', () => {
         test('shows hint with access type for valid instance', () => {
             const wrapper = mountLocation({