Merge pull request #335 from Vizzuality/fix-scroll

fix scroll anchor for load more button
Vizzuality · Aug 4, 2020 · 51a27e0 · 51a27e0
2 parents ed4df66 + 2eef87e
commit 51a27e0
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/app/assets/stylesheets/cclow/_buttons.scss b/app/assets/stylesheets/cclow/_buttons.scss
@@ -93,4 +93,8 @@ $button-border-width: 4px;
       vertical-align: middle;
     }
   }
+
+  &.no-anchor {
+    overflow-anchor: none;
+  }
 }
diff --git a/app/javascript/components/pages/cclow/List.js b/app/javascript/components/pages/cclow/List.js
@@ -363,7 +363,7 @@ class List extends Component {
               </ul>
               {hasMore && (
                 <div className={`column load-more-container${!isMobile ? ' is-offset-5' : ''}`}>
-                  <button type="button" className="button is-primary load-more-btn" onClick={this.handleLoadMore}>
+                  <button type="button" className="button is-primary no-anchor load-more-btn" onClick={this.handleLoadMore}>
                     Load 10 more entries
                   </button>
                 </div>