Add disabled state to Quick Add Bulk (#3391)

Shopify · Apr 3, 2024 · 1b34f48 · 1b34f48
1 parent 8c82f06
commit 1b34f48
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/assets/quick-add-bulk.js b/assets/quick-add-bulk.js
@@ -99,7 +99,7 @@ if (!customElements.get('quick-add-bulk')) {
       updateCart(event) {
         this.lastActiveInputId = event.target.getAttribute('data-index');
         this.quantity = this.querySelector('quantity-input')
-        // this.quantity.classList.add('loading');
+        this.quantity.classList.add('quantity__input-disabled');
         this.selectProgressBar().classList.remove('hidden');
         const body = JSON.stringify({
           quantity: event.target.value,
@@ -158,6 +158,7 @@ if (!customElements.get('quick-add-bulk')) {
               event.target.reportValidity();
               this.resetQuantityInput(event.target.id);
               this.selectProgressBar().classList.add('hidden');
+              this.quantity.classList.remove('quantity__input-disabled');
               event.target.select();
               this.cleanErrorMessageOnType(event);
               // Error handling

diff --git a/assets/quick-add.css b/assets/quick-add.css
@@ -365,3 +365,7 @@ quick-add-bulk .quantity__input {
   width: calc(6.5rem / var(--font-body-scale));
   flex-grow: 0;
 }
+
+.quantity__input-disabled {
+  pointer-events: none;
+}