fix(EditInPlace): focus and style issue (carbon-design-system#6146)

amal-k-joy · Oct 3, 2024 · 831a0bc · 831a0bc
1 parent 00a472f
commit 831a0bc
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/packages/ibm-products-styles/src/components/EditInPlace/_edit-in-place.scss b/packages/ibm-products-styles/src/components/EditInPlace/_edit-in-place.scss
@@ -59,8 +59,8 @@ $carbon-input: #{$carbon-prefix}--text-input;
 }
 
 .#{$block-class}--focused {
-  border: 2px solid $focus;
   background: $field-01;
+  outline: 2px solid $focus;
 }
 
 .#{$block-class}__text-input {

diff --git a/packages/ibm-products/src/components/EditInPlace/EditInPlace.tsx b/packages/ibm-products/src/components/EditInPlace/EditInPlace.tsx
@@ -209,6 +209,7 @@ export let EditInPlace = forwardRef<HTMLDivElement, EditInplaceProps>(
       setInitialValue(value);
       setDirtyInput(false);
       onSave();
+      setFocused(false);
     };
 
     const onCancelHandler = () => {