fix(toolbar): allow native scroll on scrollable tabbar in iOS theme

nolimits4web · nolimits4web · commit 5c092a9bd2a2 · 2026-05-27T11:35:14.000-04:00
Skip the iOS touch-highlight effect (and its touch-action: none rule) for toolbar panes inside a tabbar-scrollable, so the pane can scroll horizontally via touch. Closes #4391.
diff --git a/src/core/components/touch-highlight/touch-highlight-ios.less b/src/core/components/touch-highlight/touch-highlight-ios.less
@@ -1,5 +1,5 @@
 .ios {
-  .toolbar-pane,
+  .toolbar-pane:not(.tabbar-scrollable *),
   .navbar .left,
   .navbar .right,
   .actions-group:not(.actions-grid .actions-group),
diff --git a/src/core/components/touch-highlight/touch-highlight.js b/src/core/components/touch-highlight/touch-highlight.js
@@ -64,6 +64,7 @@ const initTouchHighlight = (app) => {
     const d = data;
     const el = e.target.closest(elements);
     if (!el) return;
+    if (el.closest('.tabbar-scrollable')) return;
     if (d.currentEl === el) return;
     d.currentEl = el;
 
