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;