fix(grid): enable horizontal scrolling via locked regions (#9631)

Author: tobiu

src/grid/ScrollManager.mjs

@@ -315,13 +315,15 @@ class ScrollManager extends Base {
         if (active) {
             let scrollerId = me.gridContainer.horizontalScrollbar?.id,
                 bodyId = me.gridContainer.body?.id,
+                bodyWrapperId = me.gridContainer.bodyWrapper?.id,
                 headerId = me.gridContainer.headerToolbar?.id;
 
             if (scrollerId && bodyId && headerId) {
                 addon.register({
                     id: me.id + '__h_scroll',
                     scrollerId,
                     bodyId,
+                    bodyWrapperId,
                     headerId,
                     windowId
                 });

src/main/addon/GridHorizontalScrollSync.mjs

@@ -68,9 +68,10 @@ class GridHorizontalScrollSync extends Base {
      * @param {String} data.id
      * @param {String} data.scrollerId
      * @param {String} data.bodyId
+     * @param {String} data.bodyWrapperId
      * @param {String} data.headerId
      */
-    register({id, scrollerId, bodyId, headerId}) {
+    register({id, scrollerId, bodyId, bodyWrapperId, headerId}) {
         let me = this,
             registration;
 
@@ -82,13 +83,14 @@ class GridHorizontalScrollSync extends Base {
             id,
             scrollerId,
             bodyId,
+            bodyWrapperId,
             headerId,
             scrollListener: me.onScroll.bind(me, scrollerId, bodyId, headerId),
             wheelListener : me.onWheel.bind(me, scrollerId)
         };
 
         DomAccess.getElement(scrollerId)?.addEventListener('scroll', registration.scrollListener);
-        DomAccess.getElement(bodyId)?.addEventListener('wheel', registration.wheelListener, {passive: true});
+        DomAccess.getElement(bodyWrapperId || bodyId)?.addEventListener('wheel', registration.wheelListener, {passive: true});
 
         me.registrations.set(id, registration);
     }
@@ -103,7 +105,7 @@ class GridHorizontalScrollSync extends Base {
 
         if (registration) {
             DomAccess.getElement(registration.scrollerId)?.removeEventListener('scroll', registration.scrollListener);
-            DomAccess.getElement(registration.bodyId)?.removeEventListener('wheel', registration.wheelListener);
+            DomAccess.getElement(registration.bodyWrapperId || registration.bodyId)?.removeEventListener('wheel', registration.wheelListener);
             me.registrations.delete(id);
         }
     }