Neo.main.DomAccess: scrollToTableRow #324

Author: tobiu

apps/covid/view/MainContainerController.mjs

@@ -260,7 +260,7 @@ class MainContainerController extends ComponentController {
                     id = selectionModel.getRowId(activeView.store.indexOf(value.country));
                     selectionModel.select(id);
 
-                    Neo.main.DomAccess.scrollIntoView({id: id});
+                    Neo.main.DomAccess.scrollToTableRow({id: id});
                 } else if (activeView.ntype === 'helix') {
                     selectionModel.select(value.country, false);
                 } else {

src/main/DomAccess.mjs

@@ -55,6 +55,7 @@ class DomAccess extends Base {
                 'getBoundingClientRect',
                 'markdownToHtml',
                 'scrollIntoView',
+                'scrollToTableRow',
                 'selectNode',
                 'swapStyleSheet',
                 'windowScrollTo'
@@ -358,6 +359,32 @@ class DomAccess extends Base {
         return {id: data.id};
     }
 
+    /**
+     *
+     * @param {Object} data
+     * @param {String} data.id
+     * @param {String} [data.behavior='smooth']
+     * @param {String} [data.offset=34]
+     * @returns {Object} obj.id => the passed id
+     */
+    scrollToTableRow(data) {
+        let node = this.getElement(data.id); // tr tag
+
+        if (node) {
+            let tableNode   = node.parentNode.parentNode,
+                wrapperNode = tableNode.parentNode,
+                tableTop    = tableNode.getBoundingClientRect().top,
+                top         = node.getBoundingClientRect().top;
+
+            wrapperNode.scrollTo({
+                top     : top - tableTop - (data.hasOwnProperty('offset') ? data.offset : 34),
+                behavior: data.behavior || 'smooth'
+            });
+        }
+
+        return {id: data.id};
+    }
+
     /**
      *
      * @param {Object} data