fix: disabled scrolling on input (#1286)

AstarNetwork · May 15, 2024 · d639606 · d639606
1 parent 4256401
commit d639606
Show file tree

Hide file tree

Showing 8 changed files with 8 additions and 0 deletions.
diff --git a/src/components/assets/transfer/LocalTransfer.vue b/src/components/assets/transfer/LocalTransfer.vue
@@ -97,6 +97,7 @@
               placeholder="0"
               class="input--amount input--no-spin"
               @input="inputHandler"
+              @wheel="(e) => e.preventDefault()"
             />
           </div>
         </div>

diff --git a/src/components/assets/transfer/XcmBridge.vue b/src/components/assets/transfer/XcmBridge.vue
@@ -106,6 +106,7 @@
                 placeholder="0"
                 class="input--amount input--no-spin"
                 @input="inputHandler"
+                @wheel="(e) => e.preventDefault()"
               />
             </div>
           </div>

diff --git a/src/components/bridge/ethereum/L1Bridge.vue b/src/components/bridge/ethereum/L1Bridge.vue
@@ -109,6 +109,7 @@
               placeholder="0"
               class="input--amount input--no-spin"
               @input="(e) => inputHandler(e)"
+              @wheel="(e) => e.preventDefault()"
             />
           </div>
         </div>

diff --git a/src/components/dapp-staking/my-staking/components/modals/ModalUnbondDapp.vue b/src/components/dapp-staking/my-staking/components/modals/ModalUnbondDapp.vue
@@ -40,6 +40,7 @@
               placeholder="0"
               class="input--amount input--no-spin"
               @input="inputHandler"
+              @wheel="(e) => e.preventDefault()"
             />
           </div>
         </div>

diff --git a/src/components/dapp-staking/stake-manage/StakeForm.vue b/src/components/dapp-staking/stake-manage/StakeForm.vue
@@ -58,6 +58,7 @@
               placeholder="0"
               class="input--amount input--no-spin"
               @input="inputHandler"
+              @wheel="(e) => e.preventDefault()"
             />
           </div>
         </div>

diff --git a/src/staking-v3/components/Amount.vue b/src/staking-v3/components/Amount.vue
@@ -11,6 +11,7 @@
         placeholder="0"
         class="input--amount input--no-spin"
         @input="handleInputAmount"
+        @wheel="(e) => e.preventDefault()"
       />
     </div>
   </div>

diff --git a/src/staking-v3/components/my-staking/ModalUnbondDapp.vue b/src/staking-v3/components/my-staking/ModalUnbondDapp.vue
@@ -40,6 +40,7 @@
               placeholder="0"
               class="input--amount input--no-spin"
               @input="inputHandler"
+              @wheel="(e) => e.preventDefault()"
             />
           </div>
         </div>

diff --git a/src/staking-v3/components/my-staking/ModalUnlockTokens.vue b/src/staking-v3/components/my-staking/ModalUnlockTokens.vue
@@ -40,6 +40,7 @@
               placeholder="0"
               class="input--amount input--no-spin"
               @input="inputHandler"
+              @wheel="(e) => e.preventDefault()"
             />
           </div>
         </div>