From d89c8a30694911ef6387d87bdef3725019769347 Mon Sep 17 00:00:00 2001
From: AliyanH <aliyanulhaq@gmail.com>
Date: Fri, 5 May 2023 11:41:44 -0400
Subject: [PATCH 1/2] Add button for StopPropagation

---
 api/map-feature/index.html | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/api/map-feature/index.html b/api/map-feature/index.html
index 4673c44..37ef6ee 100644
--- a/api/map-feature/index.html
+++ b/api/map-feature/index.html
@@ -55,6 +55,7 @@
           document.querySelector('#blur').disabled = true;
           document.querySelector('#zoom').disabled = true;
           document.querySelector('#replace').disabled = true;
+          document.querySelector('#prevent').disabled = true;
           document.querySelector('#remove').disabled = true;
         } else {
           document.querySelector('#add').disabled = true;
@@ -63,6 +64,7 @@
           document.querySelector('#blur').disabled = false;
           document.querySelector('#zoom').disabled = false;
           document.querySelector('#replace').disabled = false;
+          document.querySelector('#prevent').disabled = false;
           document.querySelector('#remove').disabled = false;
         }
       }
@@ -102,6 +104,15 @@
         document.querySelector('map-feature').remove();
         toggleDisabled();
       }
+      function addStopPropagation() {
+        let man = document.querySelector('map-feature');
+        man.addEventListener("click", (e) => {
+          // Stops Default click action
+          e.originalEvent.stopPropagation();
+          // handle the click button yourself here
+          // ...
+        });
+      }
     </script>
     <template id="projection">
       <map-meta name="projection" content="OSMTILE"></map-meta>
@@ -153,6 +164,7 @@
     <button id="click" disabled  onclick="_doMan('click')">Click feature</button>
     <button id="zoom" disabled  onclick="_doMan('zoomTo')">Zoom to feature</button>
     <button id="replace" disabled  onclick="_doMan('addCustomClickHandlerTo')">Replace default click handler</button>
+    <button id="prevent" disabled  onclick="_doMan('addStopPropagation')">Stop default click action</button>
     <button id="remove" disabled onclick="_doMan('remove')">Remove feature</button>
     <textarea id="txt"></textarea>
   </body>

From f727ae56df85c9f7a31260c7a4d61eec4b74387f Mon Sep 17 00:00:00 2001
From: AliyanH <aliyanulhaq@gmail.com>
Date: Fri, 5 May 2023 12:13:10 -0400
Subject: [PATCH 2/2] fix func.

---
 api/map-feature/index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/api/map-feature/index.html b/api/map-feature/index.html
index 37ef6ee..f1fc5c2 100644
--- a/api/map-feature/index.html
+++ b/api/map-feature/index.html
@@ -104,7 +104,7 @@
         document.querySelector('map-feature').remove();
         toggleDisabled();
       }
-      function addStopPropagation() {
+      function addStopPropagationMan() {
         let man = document.querySelector('map-feature');
         man.addEventListener("click", (e) => {
           // Stops Default click action