Add hideOnMove option to allow map to move without hiding context menu

README.md

@@ -149,6 +149,7 @@ contextmenu.on('open', function (evt) {
 -   `defaultItems`: `true`; Whether the default items (which are: Zoom In/Out) are enabled
 -   `width`: `150`; The menu's width
 -   `items`: `[]`; An array of object|string
+-   `hideOnMove`: `true`; Whether the context menu should hide when the map moves as a result of user iteraction or programmatically.
 
 ## Methods
 

src/constants.ts

@@ -6,6 +6,7 @@ export const DEFAULT_OPTIONS: Options = {
     eventType: EventTypes.CONTEXTMENU,
     defaultItems: true,
     items: [],
+    hideOnMove: true,
 };
 
 const NAMESPACE = 'ol-ctx-menu';

src/main.ts

@@ -399,7 +399,9 @@ export default class ContextMenu extends Control {
     }
 
     protected handleMapMove() {
-        this.closeMenu();
+        if (this.options.hideOnMove) {
+            this.closeMenu();
+        }
     }
 
     protected handleEntryCallback(evt: MouseEvent) {

src/types.ts

@@ -64,4 +64,5 @@ export type Options = {
     eventType: `${EventTypes}`;
     defaultItems: boolean;
     items: Item[];
+    hideOnMove?: boolean;
 };