From 37ed6d5186c00554c824c78d02105a71e854f721 Mon Sep 17 00:00:00 2001
From: EwdErna <ewderna@gmail.com>
Date: Fri, 23 Oct 2026 21:04:16 +0900
Subject: [PATCH] =?UTF-8?q?mock:=20=E3=80=8C=E7=A7=BB=E3=81=97=E5=85=88?=
 =?UTF-8?q?=E2=80=A6=E3=80=8D=E3=82=BB=E3=83=AC=E3=82=AF=E3=83=88=E3=81=AE?=
 =?UTF-8?q?=E5=B9=85=E3=82=92=E5=9B=BA=E5=AE=9A=E3=81=99=E3=82=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

閉じたセレクトの幅は最長の候補名で決まるため、キーを足すなどで候補が変わると
ツールバーが折り返し、キャンバスが縮んで全体表示がやり直されていた。

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01ShoEXYqi8PWTjB9E86Ltot
---
 mock/src/ui/phy/PhyToolbar.vue | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/mock/src/ui/phy/PhyToolbar.vue b/mock/src/ui/phy/PhyToolbar.vue
index f4eebbc..8ba24e6 100644
--- a/mock/src/ui/phy/PhyToolbar.vue
+++ b/mock/src/ui/phy/PhyToolbar.vue
@@ -69,6 +69,7 @@ function addPart(e: Event) {
       ◇
     </button>
     <select
+      class="move-to"
       aria-label="移し先…"
       :disabled="mismatch || !selectedCount"
       @change="emit('moveTo', ($event.target as HTMLSelectElement).value)"
@@ -113,4 +114,8 @@ function addPart(e: Event) {
 .tools select {
   font-size: 12px;
 }
+/* 候補の名前でセレクトの幅が変わると、ツールバーが折り返してキャンバスの大きさが変わる */
+.tools select.move-to {
+  width: 6em;
+}
 </style>