Scroll to top when initiating order. Use smooth behavior for both scr…

…oll actions.
andrewtoups · Aug 26, 2021 · a26aabe · a26aabe
1 parent 65f51e5
commit a26aabe
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/scripts/components/relics/relics.js b/scripts/components/relics/relics.js
@@ -3,7 +3,10 @@ define(['ko', 'paypal', 'api'], (ko, paypal, api) => {
         let self = this;
 
         self.buying = ko.observable(false);
-        self.initiateOrder = () => { self.buying(true) };
+        self.initiateOrder = () => {
+            self.buying(true);
+            document.querySelector('.modal-content section').scrollTo({top: 0, left: 0, behavior: 'smooth'});
+        };
         self.cancelOrder = () => { self.buying(false) };
 
         self.name = ko.observable("");
@@ -140,7 +143,7 @@ define(['ko', 'paypal', 'api'], (ko, paypal, api) => {
         self.showMiniModal.subscribe(nv => {
             if (nv) {
                 document.activeElement.blur();
-                setTimeout(() => { window.scrollTo(0,0) }, 50);
+                setTimeout(() => { window.scrollTo({top: 0, left:0, behavior: smooth}) }, 50);
                 self.validationWarning() && self.mmContent("validationWarning");
                 self.addressNotDeliverable() && self.mmContent("notDeliverable");
             }