fix: pressing delete in image gallery text field deleted live preview element

Author: abose

src/LiveDevelopment/BrowserScripts/LiveDevProtocolRemote.js

@@ -459,18 +459,25 @@
             // Check if element is designed to receive text input
             (activeElement.hasAttribute("contenteditable") && activeElement.hasAttribute("data-brackets-id"))
         );
+
+        // Check if a Phoenix tool is active (has data-phcode-internal-* attribute)
+        const isActiveElementPhoenixTool = activeElement && Array.from(activeElement.attributes || []).some(attr =>
+            attr.name.startsWith('data-phcode-internal-') && attr.value === 'true'
+        );
+
         const isInEditMode = window._LD && window._LD.getMode && window._LD.getMode() === 'edit';
 
         // for undo. refer to LivePreviewEdit.js file 'handleLivePreviewEditOperation' function
-        if (!isEditingText && isInEditMode && (e.ctrlKey || e.metaKey) && e.key.toLowerCase() === "z" && !e.shiftKey) {
+        if (!isEditingText && !isActiveElementPhoenixTool && isInEditMode &&
+            (e.ctrlKey || e.metaKey) && e.key.toLowerCase() === "z" && !e.shiftKey) {
             MessageBroker.send({
                 livePreviewEditEnabled: true,
                 undoLivePreviewOperation: true
             });
         }
 
         // for redo - supports both Ctrl+Y and Ctrl+Shift+Z (Cmd+Y and Cmd+Shift+Z on Mac)
-        if (!isEditingText && isInEditMode && (e.ctrlKey || e.metaKey) &&
+        if (!isEditingText && !isActiveElementPhoenixTool && isInEditMode && (e.ctrlKey || e.metaKey) &&
             (e.key.toLowerCase() === "y" || (e.key.toLowerCase() === "z" && e.shiftKey))) {
             MessageBroker.send({
                 livePreviewEditEnabled: true,
@@ -482,7 +489,7 @@
         if ((e.ctrlKey || e.metaKey) && e.key.toLowerCase() === "x") {
 
             // Only handle element cut if not editing text and in edit mode
-            if (!isEditingText && isInEditMode && window._LD.handleCutElement) {
+            if (!isEditingText && !isActiveElementPhoenixTool && isInEditMode && window._LD.handleCutElement) {
                 e.preventDefault();
                 window._LD.handleCutElement();
             }
@@ -492,7 +499,7 @@
         if ((e.ctrlKey || e.metaKey) && e.key.toLowerCase() === "c") {
 
             // Only handle element copy if not editing text and in edit mode
-            if (!isEditingText && isInEditMode && window._LD.handleCopyElement) {
+            if (!isEditingText && !isActiveElementPhoenixTool && isInEditMode && window._LD.handleCopyElement) {
                 e.preventDefault();
                 window._LD.handleCopyElement();
             }
@@ -502,14 +509,14 @@
         if ((e.ctrlKey || e.metaKey) && e.key.toLowerCase() === "v") {
 
             // Only handle element paste if not editing text and in edit mode
-            if (!isEditingText && isInEditMode && window._LD.handlePasteElement) {
+            if (!isEditingText && !isActiveElementPhoenixTool && isInEditMode && window._LD.handlePasteElement) {
                 e.preventDefault();
                 window._LD.handlePasteElement();
             }
         }
 
         if (e.key.toLowerCase() === 'delete' || e.key.toLowerCase() === 'backspace') {
-            if (!isEditingText && isInEditMode && window._LD.handleDeleteElement) {
+            if (!isEditingText && !isActiveElementPhoenixTool && isInEditMode && window._LD.handleDeleteElement) {
                 e.preventDefault();
                 window._LD.handleDeleteElement();
             }