Fix a few issues in widget selection

appsmithorg · May 3, 2024 · a94a7ad · a94a7ad
1 parent bea3cc1
commit a94a7ad
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 3 deletions.
diff --git a/app/client/src/layoutSystems/anvil/common/hooks/detachedWidgetHooks.ts b/app/client/src/layoutSystems/anvil/common/hooks/detachedWidgetHooks.ts
@@ -99,7 +99,6 @@ export function useAddBordersToDetachedWidgets(
   if (element) {
     element.style.outlineOffset = borderStyled.outlineOffset ?? "unset";
     element.style.outline = borderStyled.outline ?? "none";
-    element.style.borderRadius = borderStyled.borderRadius ?? "unset";
   }
 }
 

diff --git a/app/client/src/layoutSystems/anvil/common/hooks/useWidgetBorderStyles.ts b/app/client/src/layoutSystems/anvil/common/hooks/useWidgetBorderStyles.ts
@@ -52,7 +52,7 @@ export function useWidgetBorderStyles(widgetId: string, widgetType: string) {
   let borderColor = "transparent";
   let borderWidth = "var(--on-canvas-ui-border-width-2)";
   // If widget is focused, use the thin borders
-  if (isFocused) {
+  if (isFocused && !isSelected) {
     borderColor = `var(${onCanvasUI.selectionBGCSSVar})`;
     borderWidth = "var(--on-canvas-ui-border-width-1)";
   }

diff --git a/app/client/src/layoutSystems/anvil/editor/AnvilWidgetName/AnvilWidgetNameComponent.tsx b/app/client/src/layoutSystems/anvil/editor/AnvilWidgetName/AnvilWidgetNameComponent.tsx
@@ -9,6 +9,7 @@ import {
 } from "layoutSystems/anvil/common/messages";
 import { createMessage } from "@appsmith/constants/messages";
 import { debugWidget } from "layoutSystems/anvil/integrations/actions";
+import { useDispatch } from "react-redux";
 
 /**
  *
@@ -36,6 +37,7 @@ export function _AnvilWidgetNameComponent(
   },
   ref: ForwardedRef<HTMLDivElement>,
 ) {
+  const dispatch = useDispatch();
   const { parentId } = props;
 
   /** Widget Selection Handlers */
@@ -49,7 +51,7 @@ export function _AnvilWidgetNameComponent(
   }, [props.widgetId]);
 
   const handleDebugClick = useCallback(() => {
-    debugWidget(props.widgetId);
+    dispatch(debugWidget(props.widgetId));
   }, [props.widgetId]);
   /** EO Widget Selection Handlers */