From: ThibG <thib@sitedethib.com>
Date: Sat, 29 Jun 2019 16:32:06 +0000 (+0200)
Subject: [Glitch] Use ScrollToOptions for smooth scrolling if supported
X-Git-Url: https://git.xn--scling-oua.cat.family/?a=commitdiff_plain;h=46829e009ee26603e3f3462cba4c054939aac3dd;p=mastodon.git

[Glitch] Use ScrollToOptions for smooth scrolling if supported

Port 84ff3938426da348e31651dfad376d83a9784343 to glitch-soc

Signed-off-by: Thibaut Girka <thib@sitedethib.com>
---

diff --git a/app/javascript/flavours/glitch/util/scroll.js b/app/javascript/flavours/glitch/util/scroll.js
index 2af07e0fb..84fe58269 100644
--- a/app/javascript/flavours/glitch/util/scroll.js
+++ b/app/javascript/flavours/glitch/util/scroll.js
@@ -26,5 +26,7 @@ const scroll = (node, key, target) => {
   };
 };
 
-export const scrollRight = (node, position) => scroll(node, 'scrollLeft', position);
-export const scrollTop = (node) => scroll(node, 'scrollTop', 0);
+const isScrollBehaviorSupported = 'scrollBehavior' in document.documentElement.style;
+
+export const scrollRight = (node, position) => isScrollBehaviorSupported ? node.scrollTo({ left: position, behavior: 'smooth' }) : scroll(node, 'scrollLeft', position);
+export const scrollTop = (node) => isScrollBehaviorSupported ? node.scrollTo({ top: 0, behavior: 'smooth' }) : scroll(node, 'scrollTop', 0);