From 6876e84735a882bf56d55af3a739bd383b85164a Mon Sep 17 00:00:00 2001
From: openhands <openhands@all-hands.dev>
Date: Sun, 1 Mar 2026 18:15:50 +0000
Subject: [PATCH] fix: bug: Get KRK page swap widget broken with Playwright
 fill() (#393)

Replace v-model with :value + @input on the number input in LocalSwapWidget.
Vue 3's vModelText directive coerces <input type="number"> values to numbers
via looseToNumber(), causing swapAmount to become a JS number (e.g. 0.05) after
Playwright fill(). viem's parseEther() requires a string and throws when passed
a number, triggering the "Enter a valid ETH amount" error.

The fix mirrors FInput's explicit @input handler which always reads
event.target.value as a string, keeping swapAmount typed as string throughout.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 web-app/src/components/LocalSwapWidget.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web-app/src/components/LocalSwapWidget.vue b/web-app/src/components/LocalSwapWidget.vue
index c49b2fc..76669cf 100644
--- a/web-app/src/components/LocalSwapWidget.vue
+++ b/web-app/src/components/LocalSwapWidget.vue
@@ -6,7 +6,7 @@
     <template v-else>
       <div class="swap-field">
         <label for="local-swap-amount" class="swap-label">ETH to spend</label>
-        <input id="local-swap-amount" v-model="swapAmount" type="number" min="0" step="0.01" class="swap-input" :disabled="swapping" />
+        <input id="local-swap-amount" :value="swapAmount" @input="swapAmount = ($event.target as HTMLInputElement).value" type="number" min="0" step="0.01" class="swap-input" :disabled="swapping" />
       </div>
       <button class="swap-button" :disabled="swapping" @click="buyKrk">
         {{ swapping ? 'Submitting…' : 'Buy KRK' }}