Merge pull request #833 from qonto/prevent-default-pasting-event

Fix: prevent default behavior for the paste event
qonto · Jul 23, 2024 · 5baa608 · 5baa608
2 parents 587b263 + 2acb692
commit 5baa608
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 6 deletions.
diff --git a/ember-amount-input/src/components/amount-input.ts b/ember-amount-input/src/components/amount-input.ts
@@ -157,14 +157,17 @@ export default class AmountInput extends Component<AmountInputSignature> {
 
   @action
   onPaste(event: ClipboardEvent): boolean {
+    event.preventDefault();
+
     const pastedValue = event.clipboardData?.getData('text');
     const parsedValue = parseFloat(pastedValue?.replace(/\s/g, '') ?? '');
 
     if (!isNaN(parsedValue)) {
       this.args.update(parsedValue.toFixed(this.numberOfDecimal));
+      return true;
     }
 
-    return true;
+    return false;
   }
 
   @action

diff --git a/test-app/tests/integration/components/amount-input/component-test.ts b/test-app/tests/integration/components/amount-input/component-test.ts
@@ -210,11 +210,11 @@ module('Integration | Component | amount-input', function (hooks) {
     module('and the value is not a valid amount', function () {
       test('calls update with an empty string value', async function (assert) {
         await render<TestContext>(hbs`
-        <AmountInput
-          @value={{this.value}}
-          @update={{fn (mut this.value)}}
-        />
-      `);
+          <AmountInput
+            @value={{this.value}}
+            @update={{fn (mut this.value)}}
+          />
+        `);
 
         await simulateUserPasteValue('input', 'foo');