Implement VDom.getById() and optimize component.Base#onScrollCapture() #8140

Author: tobiu

src/component/Base.mjs

@@ -1434,11 +1434,11 @@ class Component extends Abstract {
         let me = this;
 
         if (me._vdom) {
-            let vdomNode = VDomUtil.find(me._vdom, data.target.id);
+            let vdomNode = VDomUtil.getById(me._vdom, data.target.id);
 
-            if (vdomNode && vdomNode.vdom) {
-                vdomNode.vdom.scrollTop  = data.scrollTop;
-                vdomNode.vdom.scrollLeft = data.scrollLeft
+            if (vdomNode) {
+                vdomNode.scrollTop  = data.scrollTop;
+                vdomNode.scrollLeft = data.scrollLeft
             }
         }
     }

src/util/VDom.mjs

@@ -143,6 +143,41 @@ class VDom extends Base {
         return VDom.find(vdom, {flag})?.vdom
     }
 
+    /**
+     * Finds a child vdom node inside a vdom tree by a given id
+     * @param {Object} vdom
+     * @param {String|null} id
+     * @returns {Object|null} child vdom node or null
+     */
+    static getById(vdom, id) {
+        vdom = VDom.getVdom(vdom);
+
+        let childNodes = vdom.cn || [],
+            i          = 0,
+            len        = childNodes.length,
+            childNode;
+
+        if (vdom.id === id) {
+            return vdom
+        }
+
+        for (; i < len; i++) {
+            childNode = VDom.getVdom(childNodes[i]);
+
+            if (childNode.id === id) {
+                return childNode
+            }
+
+            childNode = VDom.getById(childNode, id);
+
+            if (childNode) {
+                return childNode
+            }
+        }
+
+        return null
+    }
+
     /**
      * Get the ids of all child nodes of the given vdom tree
      * @param vdom