fixed the app title dropdown and it closes on interaction with other …

…components

app/client/cypress/e2e/Regression/ClientSide/OtherUIFeatures/ApplicationDropdownClose_spec.ts

@@ -0,0 +1,20 @@
+import homePage from "../../../../locators/HomePage";
+const omnibar = require("../../../../locators/Omnibar.json");
+
+describe("application dropdown interaction test", () => {
+  it("application dropdown closes when interacting with omni bar using hotkeys", () => {
+    cy.get(homePage.applicationName).click();
+    cy.get(homePage.applicationEditMenu).should("be.visible");
+    cy.wait(1000);
+    cy.get("body").type("{ctrl}{k}");
+    cy.get(omnibar.categoryTitle).should("be.visible");
+    cy.get(homePage.applicationEditMenu).should("not.exist");
+    cy.get("body").type("{esc}");
+    cy.get(omnibar.categoryTitle).should("not.exist");
+    cy.get(homePage.applicationName).click();
+    cy.get(homePage.applicationEditMenu).should("be.visible");
+    cy.wait(1000);
+    cy.get("body").type("{ctrl}{p}");
+    cy.get(homePage.applicationEditMenu).should("not.exist");
+  });
+});

app/client/src/pages/Editor/EditorName/NavigationMenu.tsx

@@ -13,9 +13,13 @@ interface NavigationMenuProps {
 
 export function NavigationMenu(props: NavigationMenuProps) {
   const { menuItems, setIsPopoverOpen } = props;
-
   return (
-    <MenuContent width="214px">
+    <MenuContent
+      width="214px"
+      onInteractOutside={() => {
+        setIsPopoverOpen(false);
+      }}
+    >
       {menuItems?.map((item, idx) => {
         return (
           <NavigationMenuItem