From eb1974a25db2b9b3ded40a44c08db2ee29a15cf6 Mon Sep 17 00:00:00 2001 From: sacr3dc0w Date: Sat, 1 Feb 2020 22:27:58 -0800 Subject: [PATCH] Prevent triggering quantity change when pressing enter --- CHANGELOG.md | 1 + assets/js/theme/common/product-details.js | 10 ++++++++++ 2 files changed, 11 insertions(+) diff --git a/CHANGELOG.md b/CHANGELOG.md index 1355f506bc..3c9e77fe32 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,6 +1,7 @@ # Changelog ## Draft +- Prevent triggering quantity change when pressing enter [#1630](https://github.com/bigcommerce/cornerstone/pull/1630) ## 4.4.0 (2020-01-31) - Add translation key for "read more" blog post link [#1625](https://github.com/bigcommerce/cornerstone/pull/1625) diff --git a/assets/js/theme/common/product-details.js b/assets/js/theme/common/product-details.js index 2758b5e77f..8e8759694b 100644 --- a/assets/js/theme/common/product-details.js +++ b/assets/js/theme/common/product-details.js @@ -351,6 +351,16 @@ export default class ProductDetails { // update text viewModel.quantity.$text.text(qty); }); + + // Prevent triggering quantity change when pressing enter + this.$scope.on('keypress', '.form-input--incrementTotal', event => { + // If the browser supports event.which, then use event.which, otherwise use event.keyCode + const x = event.which || event.keyCode; + if (x === 13) { + // Prevent default + event.preventDefault(); + } + }); } /**