fix: live preview highlight mode tests failing

Author: devvaannsh

src/LiveDevelopment/BrowserScripts/RemoteFunctions.js

@@ -785,20 +785,20 @@ function RemoteFunctions(config = {}) {
             _clickHighlight.selector = rule;
         }
 
-        // Find and select the best element
-        const { element, skipSelection } = findBestElementToSelect(nodes, rule);
+        // In edit mode, select the best element and create temporary highlights for the rest.
+        // In highlight mode, skip selection so all matching elements stay highlighted equally.
+        if (config.mode === 'edit') {
+            const { element, skipSelection } = findBestElementToSelect(nodes, rule);
 
-        if (!skipSelection) {
-            if (element) {
-                selectElement(element, true);
-            } else {
-                // No valid element found, dismiss UI
-                dismissUIAndCleanupState();
+            if (!skipSelection) {
+                if (element) {
+                    selectElement(element, true);
+                } else {
+                    // No valid element found, dismiss UI
+                    dismissUIAndCleanupState();
+                }
             }
-        }
 
-        // In edit mode, create temporary highlights AFTER selection to avoid clearing
-        if (config.mode === 'edit') {
             createCssSelectorHighlight(nodes, rule);
         }
     }

src/nls/root/strings.js

@@ -269,8 +269,7 @@ define({
     "LIVE_DEV_CB_TIP_BG_COLOR": "Background Color",
     "LIVE_DEV_CB_TIP_FONT": "Font",
     "LIVE_DEV_CB_TIP_TEXT_SPACING": "Text Spacing",
-    "LIVE_DEV_CB_TIP_BORDER": "Border",
-    "LIVE_DEV_CB_TIP_EFFECTS": "Effects",
+    "LIVE_DEV_CB_TIP_APPEARANCE": "Border & Opacity",
     "LIVE_DEV_CB_TIP_LAYOUT": "Layout",
     "LIVE_DEV_CB_TIP_POSITION": "Position",
     "LIVE_DEV_CB_TIP_OBJECT_FIT": "Object Fit",
@@ -292,10 +291,6 @@ define({
     "LIVE_DEV_CB_LABEL_RADIUS": "Radius",
     "LIVE_DEV_CB_LABEL_COLOR": "Color",
     "LIVE_DEV_CB_LABEL_OPACITY": "Opacity",
-    "LIVE_DEV_CB_LABEL_SHADOW_X": "X",
-    "LIVE_DEV_CB_LABEL_SHADOW_Y": "Y",
-    "LIVE_DEV_CB_LABEL_BLUR": "Blur",
-    "LIVE_DEV_CB_LABEL_SPREAD": "Spread",
     "LIVE_DEV_CB_LABEL_DISPLAY": "Display",
     "LIVE_DEV_CB_LABEL_DIRECTION": "Direction",
     "LIVE_DEV_CB_LABEL_WRAP": "Wrap",
@@ -360,8 +355,6 @@ define({
     "LIVE_DEV_CB_LABEL_BORDER_BL": "BL",
     "LIVE_DEV_CB_PER_SIDE": "Per side",
     "LIVE_DEV_CB_PER_CORNER": "Per corner",
-    "LIVE_DEV_CB_SHADOW_ADD": "Add Shadow",
-    "LIVE_DEV_CB_SHADOW_INSET": "Inset",
     "LIVE_DEV_CB_COLOR_RECENT": "Recent",
     "LIVE_DEV_CB_COLOR_FROM_PAGE": "From page",
     "LIVE_DEV_CB_COLOR_SUGGESTED": "Suggested",
@@ -390,8 +383,6 @@ define({
     "LIVE_DEV_CB_ID_PLACEHOLDER": "none",
     "LIVE_DEV_CB_ALL_WEIGHTS": "All weights",
     "LIVE_DEV_CB_ALL_STYLES": "All styles",
-    "LIVE_DEV_CB_SHADOW_LABEL": "Shadow",
-    "LIVE_DEV_CB_SHADOW_REMOVE": "Remove",
     "LIVE_DEV_TOAST_NOT_EDITABLE": "Element not editable - generated by script",
     "LIVE_DEV_COPY_TOAST_MESSAGE": "Element copied. Use 'Paste' to add it after the selected element",
     "LIVE_DEV_TOAST_FIXED_ELEMENT_DISMISSED": "Element doesn't scroll with page - edit boxes hidden",