fix: disbale live preview edit for html & body tags

Author: devvaannsh

src/LiveDevelopment/BrowserScripts/RemoteFunctions.js

@@ -227,14 +227,17 @@ function RemoteFunctions(config) {
      */
     function _handleDeleteOptionClick(event, element) {
         const tagId = element.getAttribute("data-brackets-id");
-        if (tagId) {
+
+        if (tagId && element.tagName !== "BODY" && element.tagName !== "HTML") {
             window._Brackets_MessageBroker.send({
                 livePreviewEditEnabled: true,
                 element: element,
                 event: event,
                 tagId: Number(tagId),
                 delete: true
             });
+        } else {
+            console.error("The TagID might be unavailable or the element tag is directly body or html");
         }
     }
 
@@ -245,14 +248,17 @@ function RemoteFunctions(config) {
      */
     function _handleDuplicateOptionClick(event, element) {
         const tagId = element.getAttribute("data-brackets-id");
-        if (tagId) {
+
+        if (tagId && element.tagName !== "BODY" && element.tagName !== "HTML") {
             window._Brackets_MessageBroker.send({
                 livePreviewEditEnabled: true,
                 element: element,
                 event: event,
                 tagId: Number(tagId),
                 duplicate: true
             });
+        } else {
+            console.error("The TagID might be unavailable or the element tag is directly body or html");
         }
     }
 
@@ -280,6 +286,8 @@ function RemoteFunctions(config) {
             parentElement.hasAttribute("data-brackets-id")
         ) {
             parentElement.click();
+        } else {
+            console.error("The TagID might be unavailable or the parent element tag is directly body or html");
         }
     }
 
@@ -1033,8 +1041,13 @@ function RemoteFunctions(config) {
      */
     function onClick(event) {
         // make sure that the feature is enabled and also the clicked element has the attribute 'data-brackets-id'
-        if(isFlagActive && event.target.hasAttribute('data-brackets-id')) {
-            if(_nodeMoreOptionsBox) {
+        if (
+            isFlagActive &&
+            event.target.hasAttribute("data-brackets-id") &&
+            event.target.tagName !== "BODY" &&
+            event.target.tagName !== "HTML"
+        ) {
+            if (_nodeMoreOptionsBox) {
                 _nodeMoreOptionsBox.remove();
                 _nodeMoreOptionsBox = null;
             }

src/LiveDevelopment/MultiBrowserImpl/protocol/LiveDevProtocol.js

@@ -53,7 +53,7 @@ define(function (require, exports, module) {
         StringUtils = require("utils/StringUtils"),
         FileViewController    = require("project/FileViewController"),
         MainViewManager     = require("view/MainViewManager"),
-        LivePreviewEdit     = require("LiveDevelopment/livePreviewEdit");
+        LivePreviewEdit     = require("LiveDevelopment/LivePreviewEdit");
 
     const LIVE_DEV_REMOTE_SCRIPTS_FILE_NAME = `phoenix_live_preview_scripts_instrumented_${StringUtils.randomString(8)}.js`;
     const LIVE_DEV_REMOTE_WORKER_SCRIPTS_FILE_NAME = `pageLoaderWorker_${StringUtils.randomString(8)}.js`;