Release 4.6.1

CHANGELOG.md

@@ -1,26 +1,8 @@
 # Changelog
 
-## [4.6.0] - 2020-03-16
-
-### Added
- - Links
-   - Added Links section
-
-
-### Changed
- - Action link
-   - Moved to Links
- - Buttons
-   - Changed color of executive button
- - Input Group
-   - Changed select height to 3rem
- - Topbar
-   - Made inactive elements gray to improve contrast between active element and inactive elements.
+## [4.6.1] - 2020-03-17
 
 ### Fixed
- - Forms
-   - Fixed togglebox checkbox showing
- - Design guide
-   - Action list
-     - Fixed javascript methods missing same capitalization as in script
-   - Fix PayEx brand missing accordion styling
+
+- Sheet
+  - Fixed a scroll bug whenever a user navigated away from a route without closing a sheet

README.md

@@ -178,8 +178,8 @@ Code and documentation © Swedbank Pay and contributors, released under the [MIT
 
 Inspired by [Bootstrap][bootstrap] and [Materialize][materialize].
 
-  [version-badge]:      https://img.shields.io/badge/Version-4.6.0-blue.svg
-  [version-tag]:        https://github.com/swedbankpay/design.swedbankpay.com/releases/tag/4.6.0
+  [version-badge]:      https://img.shields.io/badge/Version-4.6.1-blue.svg
+  [version-tag]:        https://github.com/swedbankpay/design.swedbankpay.com/releases/tag/4.6.1
   [appveyor-badge]:     https://ci.appveyor.com/api/projects/status/1dii19sqw1m7xtsn/branch/master?svg=true
   [appveyor-status]:    https://ci.appveyor.com/project/PayEx/design-swedbankpay-com/branch/master
   [appveyor]:           https://www.appveyor.com/

package.json

@@ -1,6 +1,6 @@
 {
     "name": "design.swedbankpay.com",
-    "version": "4.6.0",
+    "version": "4.6.1",
     "description": "Swedbank Pay DesignGuide",
     "main": "swedbankpay.js",
     "scripts": {

src/scripts/main/sheet/index.js

@@ -40,6 +40,13 @@ class Sheet {
             });
         }
 
+        // Remove classes that prevent scrolling if user navigates away from page without closing a sheet
+        window.addEventListener("popstate", () => {
+            if (document.body.className.includes("sheet-open")) { document.body.classList.remove("sheet-open"); }
+
+            if (document.body.className.includes("has-vscroll")) { document.body.classList.remove("has-vscroll"); }
+        });
+
         this._initializeButtons();
     }