Merge pull request #1890 from vuestorefront/fix/sidebar-and-modal

fix: sidebar and modal (scroll after navigation)
vuestorefront · Jul 5, 2021 · 48a8a14 · 48a8a14
2 parents c2bc7cf + 9d38f79
commit 48a8a14
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/packages/vue/.storybook/preview-head.html b/packages/vue/.storybook/preview-head.html
@@ -7,3 +7,8 @@
 !function(e,n,t){"use strict";var o="https://fonts.googleapis.com/css?family=Raleway:300,400,400i,500,600,700|Roboto:300,300i,400,400i,500,700&display=swap",r="__3perf_googleFonts_dc153";function c(e){(n.head||n.body).appendChild(e)}function a(){var e=n.createElement("link");e.href=o,e.rel="stylesheet",c(e)}function f(e){if(!n.getElementById(r)){var t=n.createElement("style");t.id=r,c(t)}n.getElementById(r).innerHTML=e}e.FontFace&&e.FontFace.prototype.hasOwnProperty("display")?(t[r]&&f(t[r]),fetch(o).then(function(e){return e.text()}).then(function(e){return e.replace(/@font-face {/g,"@font-face{font-display:swap;")}).then(function(e){return t[r]=e}).then(f).catch(a)):a()}(window,document,localStorage);
 </script>
 <!-- End of code snippet for Google Fonts -->
+<style>
+body {
+  overflow: auto !important;
+}
+</style>
diff --git a/packages/vue/src/components/organisms/SfSidebar/SfSidebar.vue b/packages/vue/src/components/organisms/SfSidebar/SfSidebar.vue
@@ -172,6 +172,9 @@ export default {
   updated() {
     this.classHandler();
   },
+  beforeDestroy() {
+    clearAllBodyScrollLocks();
+  },
   methods: {
     close() {
       this.$emit("close");