@ericchen1990/pano-view 2.2.0 → 2.2.2

package/dist/index.d.mts

@@ -460,7 +460,8 @@ type PanoViewerProps = Omit<ComponentPropsWithoutRef<"div">, "children" | "onCha
      * Default context menu. `true` / omit mounts Reset view + Fullscreen;
      * `false` skips the default instance; an object merges appearance and
      * may use `items` (full replace, supports preset ids), or `prepend` /
-     * `append` to keep the defaults and add entries.
+     * `append` to keep the defaults and add entries. The browser's native
+     * context menu is always suppressed on the viewer, including overlays.
      */
     contextMenu?: boolean | PanoContextMenuProps;
     onViewChange?: (view: PanoViewerState) => void;
@@ -486,7 +487,8 @@ declare const PanoViewer: react.ForwardRefExoticComponent<Omit<Omit<react.Detail
      * Default context menu. `true` / omit mounts Reset view + Fullscreen;
      * `false` skips the default instance; an object merges appearance and
      * may use `items` (full replace, supports preset ids), or `prepend` /
-     * `append` to keep the defaults and add entries.
+     * `append` to keep the defaults and add entries. The browser's native
+     * context menu is always suppressed on the viewer, including overlays.
      */
     contextMenu?: boolean | PanoContextMenuProps;
     onViewChange?: (view: PanoViewerState) => void;

package/dist/index.d.ts

@@ -460,7 +460,8 @@ type PanoViewerProps = Omit<ComponentPropsWithoutRef<"div">, "children" | "onCha
      * Default context menu. `true` / omit mounts Reset view + Fullscreen;
      * `false` skips the default instance; an object merges appearance and
      * may use `items` (full replace, supports preset ids), or `prepend` /
-     * `append` to keep the defaults and add entries.
+     * `append` to keep the defaults and add entries. The browser's native
+     * context menu is always suppressed on the viewer, including overlays.
      */
     contextMenu?: boolean | PanoContextMenuProps;
     onViewChange?: (view: PanoViewerState) => void;
@@ -486,7 +487,8 @@ declare const PanoViewer: react.ForwardRefExoticComponent<Omit<Omit<react.Detail
      * Default context menu. `true` / omit mounts Reset view + Fullscreen;
      * `false` skips the default instance; an object merges appearance and
      * may use `items` (full replace, supports preset ids), or `prepend` /
-     * `append` to keep the defaults and add entries.
+     * `append` to keep the defaults and add entries. The browser's native
+     * context menu is always suppressed on the viewer, including overlays.
      */
     contextMenu?: boolean | PanoContextMenuProps;
     onViewChange?: (view: PanoViewerState) => void;

package/dist/index.mjs

@@ -4576,6 +4576,19 @@ var PanoViewer = forwardRef2(
       syncFullscreen();
       return subscribeFullscreenChange(syncFullscreen);
     }, []);
+    useEffect12(() => {
+      const root = rootRef.current;
+      if (!root) {
+        return;
+      }
+      const suppressNativeContextMenu = (event) => {
+        event.preventDefault();
+      };
+      root.addEventListener("contextmenu", suppressNativeContextMenu, true);
+      return () => {
+        root.removeEventListener("contextmenu", suppressNativeContextMenu, true);
+      };
+    }, []);
     const contextMenuActions = useMemo7(
       () => ({
         reset: () => {