BCTHEME-190 Content should not scroll in two directions when zoomed

bigcommerce · Oct 8, 2020 · 71322c3 · 71322c3
1 parent a244865
commit 71322c3
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 2 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,6 @@
 # Changelog
 
+- Content should not scroll in two directions when zoomed. [#1853](https://github.com/bigcommerce/cornerstone/pull/1853)
 - Quick search query param needs to be fixed while navigating to search page. [#230](https://jira.bigcommerce.com/browse/BCTHEME-230)
 
 ## Draft

diff --git a/assets/scss/components/stencil/productView/_productView.scss b/assets/scss/components/stencil/productView/_productView.scss
@@ -119,10 +119,17 @@
 
 // Details
 // -----------------------------------------------------------------------------
+//
+// 1. for Androind Chrome and IE with zoom horizontal scroll fix
+//
+// -----------------------------------------------------------------------------
 
 .productView-details {
     padding-bottom: spacing("single") + spacing("third");
-    overflow: hidden; // for Androind Chrome horizontal scroll fix
+
+    &.product-options {
+        overflow: hidden; // 1
+    }
 }
 
 

diff --git a/templates/components/products/product-view.html b/templates/components/products/product-view.html
@@ -214,7 +214,7 @@ <h2 class="productView-brand"{{#if schema}} itemprop="brand" itemscope itemtype=
         </div>
     </section>
 
-    <section class="productView-details">
+    <section class="productView-details product-options">
         <div class="productView-options">
             {{#if product.release_date }}
                 <p>{{product.release_date}}</p>