fix(touch): For viewport interactions use onPointerDown. (#4572)

platform/ui/src/components/ViewportPane/ViewportPane.tsx

@@ -58,7 +58,9 @@ function ViewportPane({
       // onInteractionHandler...
       // https://reactjs.org/docs/events.html#mouse-events
       // https://stackoverflow.com/questions/8378243/catch-scrolling-event-on-overflowhidden-element
-      onMouseDown={onInteractionHandler}
+      // Use onPointerDown so that for the config property activateViewportBeforeInteraction===false,
+      // a touch drag will activate the viewport as well as apply the tool selected.
+      onPointerDown={onInteractionHandler}
       onDoubleClick={onDoubleClick}
       onClick={onInteractionHandler}
       onScroll={onInteractionHandler}