SONAR-7402 improve scrolling UX

diff --git a/server/sonar-web/src/main/js/apps/component-measures/details/drilldown/ListView.js b/server/sonar-web/src/main/js/apps/component-measures/details/drilldown/ListView.js
index 92696dd56c7bf0f572ec187a6fc1eeaeb39de31f..03484927b0a271b38e8f74799f55def109c649eb 100644 (file)
--- a/server/sonar-web/src/main/js/apps/component-measures/details/drilldown/ListView.js
+++ b/server/sonar-web/src/main/js/apps/component-measures/details/drilldown/ListView.js
@@ -51,7 +51,11 @@ export default class ListView extends React.Component {
   scrollToViewer () {
     const { container } = this.refs;
     const top = container.getBoundingClientRect().top + window.scrollY - 95 - 10;
-    window.scrollTo(0, top);
+
+    // scroll only to top
+    if (window.scrollY > top) {
+      window.scrollTo(0, top);
+    }
   }
 
   scrollToStoredPosition () {

diff --git a/server/sonar-web/src/main/js/apps/component-measures/details/drilldown/TreeView.js b/server/sonar-web/src/main/js/apps/component-measures/details/drilldown/TreeView.js
index b66b5686bdae6f651bd3d4d86138878549ddcc36..47fd5dbaf895017017c448752378faa00ba0a0dd 100644 (file)
--- a/server/sonar-web/src/main/js/apps/component-measures/details/drilldown/TreeView.js
+++ b/server/sonar-web/src/main/js/apps/component-measures/details/drilldown/TreeView.js
@@ -45,7 +45,11 @@ export default class TreeView extends React.Component {
   scrollToViewer () {
     const { container } = this.refs;
     const top = container.getBoundingClientRect().top + window.scrollY - 95 - 10;
-    window.scrollTo(0, top);
+
+    // scroll only to top
+    if (window.scrollY > top) {
+      window.scrollTo(0, top);
+    }
   }
 
   scrollToStoredPosition () {