Closing of piemenu for Grid button added outside click

Author: subhas-pramanik-09

js/piemenus.js

@@ -3658,14 +3658,27 @@ const piemenuGrid = (activity) => {
     activity.turtles._exitWheel.createWheel(["×", " "]);
 
     activity.turtles._exitWheel.navItems[0].navigateFunction = () => {
-        docById("wheelDivptm").style.display = "none";
-        activity.turtles.gridWheel.removeWheel();
-        activity.turtles._exitWheel.removeWheel();
+        hidePiemenu(activity);
     };
 
     if (docById("helpfulWheelDiv").style.display !== "none") {
         docById("helpfulWheelDiv").style.display = "none";
     }
+
+    const hidePiemenu = (activity) => {
+        docById("wheelDivptm").style.display = "none";
+        activity.turtles.gridWheel.removeWheel();
+        activity.turtles._exitWheel.removeWheel();
+    };
+     const clickOutsideHandler = (event) => {
+        const piemenu = docById("wheelDivptm");
+        if (!piemenu.contains(event.target)) {
+            hidePiemenu(activity);
+            document.removeEventListener("mousedown", clickOutsideHandler);
+        }
+    };
+
+    document.addEventListener("mousedown", clickOutsideHandler);
 };
 
 const piemenuKey = (activity) => {
@@ -4000,4 +4013,4 @@ const piemenuKey = (activity) => {
     if (j !== -1) {
         modenameWheel.navigateWheel(j);
     }
-};
+};