@topconsultnpm/sdkui-react 6.20.0-dev1.102 → 6.20.0-dev1.103

package/lib/components/NewComponents/ContextMenu/TMContextMenu.js

@@ -61,8 +61,6 @@ const TMContextMenu = ({ items, trigger = 'right', children, target, externalCon
             const touchEvent = e;
             const element = e.currentTarget;
             const touch = touchEvent.touches[0];
-            // Prevent text selection during long press
-            e.preventDefault();
             let state = touchStateMap.get(element);
             if (!state) {
                 state = { timeout: null, startX: 0, startY: 0, longPressTriggered: false };
@@ -85,6 +83,8 @@ const TMContextMenu = ({ items, trigger = 'right', children, target, externalCon
                     clientX: touch.clientX,
                     clientY: touch.clientY,
                 });
+                // Mark this as our synthetic event
+                syntheticEvent.isSynthetic = true;
                 element.dispatchEvent(syntheticEvent);
                 if (state)
                     state.timeout = null;
@@ -123,8 +123,11 @@ const TMContextMenu = ({ items, trigger = 'right', children, target, externalCon
                 state.longPressTriggered = false;
             }
         };
-        // Prevent default iOS context menu
+        // Prevent default iOS context menu (but allow our synthetic events)
         const handleContextMenu = (e) => {
+            // Don't prevent our own synthetic contextmenu events
+            if (e.isSynthetic)
+                return;
             e.preventDefault();
             e.stopPropagation();
             return false;
@@ -132,13 +135,12 @@ const TMContextMenu = ({ items, trigger = 'right', children, target, externalCon
         // Attach listeners to all matching elements
         elements.forEach(element => {
             const el = element;
-            // Prevent iOS native callout and text selection
+            // Prevent iOS native callout and text selection - must be set before touch starts
             const style = el.style;
             style.webkitTouchCallout = 'none';
             style.webkitUserSelect = 'none';
-            style.userSelect = 'none';
-            el.addEventListener('touchstart', handleTouchStart, { passive: false });
-            el.addEventListener('touchmove', handleTouchMove, { passive: false });
+            el.addEventListener('touchstart', handleTouchStart, { passive: true });
+            el.addEventListener('touchmove', handleTouchMove, { passive: true });
             el.addEventListener('touchend', handleTouchEnd);
             el.addEventListener('touchcancel', handleTouchEnd);
             el.addEventListener('contextmenu', handleContextMenu);
@@ -147,10 +149,10 @@ const TMContextMenu = ({ items, trigger = 'right', children, target, externalCon
         return () => {
             elements.forEach(element => {
                 const el = element;
+                // Restore webkit properties
                 const style = el.style;
                 style.webkitTouchCallout = '';
                 style.webkitUserSelect = '';
-                style.userSelect = '';
                 el.removeEventListener('touchstart', handleTouchStart);
                 el.removeEventListener('touchmove', handleTouchMove);
                 el.removeEventListener('touchend', handleTouchEnd);
@@ -212,9 +214,10 @@ const TMContextMenu = ({ items, trigger = 'right', children, target, externalCon
         if (!menuState.visible)
             return;
         const handleClickOutside = (event) => {
-            // On iOS, prevent closing immediately after opening (within 300ms)
+            // On iOS, prevent closing immediately after opening (within 500ms for iOS, 300ms for others)
             // This handles the case where touchend from long-press triggers touchstart listener
-            if (Date.now() - menuOpenedAtRef.current < 300) {
+            const delay = isIOS ? 500 : 300;
+            if (Date.now() - menuOpenedAtRef.current < delay) {
                 return;
             }
             const target = event.target;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@topconsultnpm/sdkui-react",
-  "version": "6.20.0-dev1.102",
+  "version": "6.20.0-dev1.103",
   "description": "",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",