Ignore composing Enter in workspace setup

frontend/taskdeck-web/src/components/workspace/WorkspaceSetupModal.vue

@@ -71,6 +71,14 @@ async function applyStarterPack(boardId: string, starterPackId: string): Promise
   }
 }
 
+function onBoardNameKeydown(event: KeyboardEvent) {
+  if (event.isComposing) {
+    return
+  }
+
+  void submitSetup()
+}
+
 async function submitSetup() {
   if (!canSubmit.value || !selectedSetup.value) {
     return
@@ -154,7 +162,7 @@ watch(
               type="text"
               maxlength="100"
               placeholder="For example: Product Sprint"
-              @keydown.enter.prevent="submitSetup"
+              @keydown.enter.prevent="onBoardNameKeydown"
             />
           </label>
 

frontend/taskdeck-web/src/tests/components/WorkspaceSetupModal.spec.ts

@@ -120,6 +120,38 @@ describe('WorkspaceSetupModal', () => {
     expect(mocks.push).toHaveBeenCalledWith('/workspace/boards/board-1')
   })
 
+  it('ignores Enter while IME composition is active, then submits ordinary Enter once', async () => {
+    const wrapper = mount(WorkspaceSetupModal, {
+      props: {
+        isOpen: true,
+      },
+    })
+
+    const input = wrapper.get('input[placeholder="For example: Product Sprint"]')
+    await input.setValue('IME Board')
+
+    const composingEnter = new KeyboardEvent('keydown', {
+      key: 'Enter',
+      isComposing: true,
+      bubbles: true,
+      cancelable: true,
+    })
+    expect(input.element.dispatchEvent(composingEnter)).toBe(false)
+    await waitForUi()
+    expect(mocks.createBoard).not.toHaveBeenCalled()
+
+    const ordinaryEnter = new KeyboardEvent('keydown', {
+      key: 'Enter',
+      bubbles: true,
+      cancelable: true,
+    })
+    expect(input.element.dispatchEvent(ordinaryEnter)).toBe(false)
+    await waitForUi()
+
+    expect(mocks.createBoard).toHaveBeenCalledTimes(1)
+    expect(mocks.createBoard).toHaveBeenCalledWith({ name: 'IME Board' })
+  })
+
   it('cancels on a dispatched Escape while allowing the submitting lock to hold', async () => {
     const wrapper = mount(WorkspaceSetupModal, {
       props: {