From 076c806410b3de0209a66953847e8ffdbf737329 Mon Sep 17 00:00:00 2001
From: Yurii Zusik <yurii.zusik@bigcommerce.com>
Date: Fri, 4 Sep 2020 13:41:43 +0300
Subject: [PATCH] BCTHEME-213 Add Info and Add Coupon forms on Cart Page
 tabbable when hidden

---
 CHANGELOG.md                                      | 1 +
 assets/js/theme/cart/shipping-estimator.js        | 4 ++--
 templates/components/cart/shipping-estimator.html | 2 +-
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 628e9ca310..6205c39553 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,6 +1,7 @@
 # Changelog
 
 ## Draft
+- Add Info and Add Coupon forms on Cart Page tabbable when hidden. [#1820](https://github.com/bigcommerce/cornerstone/pull/1820)
 - Review link in quick modal focused twice. [#1797](https://github.com/bigcommerce/cornerstone/pull/1797)
 - Fixed product image doesn't change on click when viewing a product with multiple images in IE11 [#1748](https://github.com/bigcommerce/cornerstone/pull/1748)
 - Fixed alt text on image change in product view [#1747](https://github.com/bigcommerce/cornerstone/pull/1747)
diff --git a/assets/js/theme/cart/shipping-estimator.js b/assets/js/theme/cart/shipping-estimator.js
index 1d24246473..cb84bee5d4 100644
--- a/assets/js/theme/cart/shipping-estimator.js
+++ b/assets/js/theme/cart/shipping-estimator.js
@@ -167,7 +167,7 @@ export default class ShippingEstimator {
             event.preventDefault();
 
             $(event.currentTarget).hide();
-            $estimatorContainer.removeClass('u-hiddenVisually');
+            $estimatorContainer.removeClass('u-hidden');
             $('.shipping-estimate-hide').show();
         });
 
@@ -175,7 +175,7 @@ export default class ShippingEstimator {
         $('.shipping-estimate-hide').on('click', event => {
             event.preventDefault();
 
-            $estimatorContainer.addClass('u-hiddenVisually');
+            $estimatorContainer.addClass('u-hidden');
             $('.shipping-estimate-show').show();
             $('.shipping-estimate-hide').hide();
         });
diff --git a/templates/components/cart/shipping-estimator.html b/templates/components/cart/shipping-estimator.html
index a909ac0111..5fd00cbba3 100644
--- a/templates/components/cart/shipping-estimator.html
+++ b/templates/components/cart/shipping-estimator.html
@@ -11,7 +11,7 @@
     </div>
 {{/if}}
 
-<div class="shipping-estimator u-hiddenVisually">
+<div class="shipping-estimator u-hidden">
     <form class="form estimator-form" data-shipping-estimator>
         <dl>
             <dt class="estimator-form-label">