feat: phcode-no-lp-edit class on lp element will disable lp handling for that element

src/LiveDevelopment/BrowserScripts/LiveDevProtocolRemote.js

@@ -492,6 +492,9 @@
         // Get the user's current selection
         const selection = window.getSelection();
         var element = event.target;
+        if(element && element.closest('.phcode-no-lp-edit')) {
+            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)) {

src/LiveDevelopment/BrowserScripts/RemoteFunctions.js

@@ -601,6 +601,9 @@ function RemoteFunctions(config = {}) {
         if(!LivePreviewView.isElementInspectable(element) || element.nodeType !== Node.ELEMENT_NODE) {
             return false;
         }
+        if(element && element.closest('.phcode-no-lp-edit')) {
+            return false;
+        }
 
         // if _hoverHighlight is uninitialized, initialize it
         if (!_hoverHighlight && shouldShowHighlightOnHover()) {
@@ -741,6 +744,9 @@ function RemoteFunctions(config = {}) {
      * @param {Event} event - The click event
      */
     function handleElementClick(element, event) {
+        if(element && element.closest('.phcode-no-lp-edit')) {
+            return;
+        }
         if (!LivePreviewView.isElementInspectable(element)) {
             dismissUIAndCleanupState();
             return;

src/assets/default-project/en/index.html

@@ -26,10 +26,7 @@ <h1>Phoenix Code</h1>
                         title="Phoenix Code on YouTube"
                         style="max-width: 320px" />
                 </a>
-                <svg class="play-button" viewBox="0 0 200 200" alt="Play video">
-                    <circle cx="100" cy="100" r="90" fill="#333" fill-opacity="0.6" />
-                    <polygon points="70, 55 70, 145 145, 100" fill="white" />
-                </svg>
+                <img src="images/play.svg" class="play-button" style="width: 64px;" alt="play">
             </div>
         </div>
         <img id="cloudLeftTop" alt="cloud" src="images/vector-top-left.png" />

tracking-repos.json

@@ -1,5 +1,5 @@
 {
   "phoenixPro": {
-    "commitID": "cd0d914edab122e76730b6d113663449ab0a473c"
+    "commitID": "8446ce6fa5071ed11cfba4c353a43abe732e55f1"
   }
 }