From 005648e92e383fb84a1004899adcf965fe5a84ef Mon Sep 17 00:00:00 2001
From: abose <arun@core.ai>
Date: Tue, 13 Jan 2026 11:10:02 +0530
Subject: [PATCH] chore: add phcode-dismiss-lp-edit to dismiss el edit boxes
 when clicked

---
 .../BrowserScripts/LiveDevProtocolRemote.js           | 11 +++++++++++
 src/LiveDevelopment/BrowserScripts/RemoteFunctions.js |  8 ++++++++
 2 files changed, 19 insertions(+)

diff --git a/src/LiveDevelopment/BrowserScripts/LiveDevProtocolRemote.js b/src/LiveDevelopment/BrowserScripts/LiveDevProtocolRemote.js
index 5f94be233..0ca55f75c 100644
--- a/src/LiveDevelopment/BrowserScripts/LiveDevProtocolRemote.js
+++ b/src/LiveDevelopment/BrowserScripts/LiveDevProtocolRemote.js
@@ -495,6 +495,17 @@
         if(element && (element.closest('.phcode-no-lp-edit') || element.classList.contains('phcode-no-lp-edit-this'))) {
             return;
         }
+        // Check for dismiss action - dismiss LP editing when clicked
+        if(element && (element.closest('.phcode-dismiss-lp-edit')
+            || element.classList.contains('phcode-dismiss-lp-edit-this'))) {
+            // dismissUIAndCleanupState is in RemoteFunctions, accessible via window._LD
+            if (window._LD && window._LD.dismissUIAndCleanupState) {
+                window._LD.dismissUIAndCleanupState();
+            }
+            event.preventDefault();
+            event.stopPropagation();
+            return;
+        }
         if (element && element.hasAttribute('data-brackets-id')) {
             // Check if it's a double-click for direct editing
             if (event.detail === 2 && !['INPUT', 'TEXTAREA', 'SELECT'].includes(element.tagName)) {
diff --git a/src/LiveDevelopment/BrowserScripts/RemoteFunctions.js b/src/LiveDevelopment/BrowserScripts/RemoteFunctions.js
index a435747f7..b70eb6f19 100644
--- a/src/LiveDevelopment/BrowserScripts/RemoteFunctions.js
+++ b/src/LiveDevelopment/BrowserScripts/RemoteFunctions.js
@@ -759,6 +759,14 @@ function RemoteFunctions(config = {}) {
         if(element && (element.closest('.phcode-no-lp-edit') || element.classList.contains('phcode-no-lp-edit-this'))) {
             return;
         }
+        // Check for dismiss action - dismiss LP editing when clicked
+        if(element && (
+            element.closest('.phcode-dismiss-lp-edit') || element.classList.contains('phcode-dismiss-lp-edit-this'))) {
+            dismissUIAndCleanupState();
+            event.preventDefault();
+            event.stopPropagation();
+            return;
+        }
         if (!LivePreviewView.isElementInspectable(element)) {
             dismissUIAndCleanupState();
             return;