From 831a0bc7da65e65c09228cf2b292cbb879484d3a Mon Sep 17 00:00:00 2001 From: Anamika T S <47971732+anamikaanu96@users.noreply.github.com> Date: Thu, 3 Oct 2024 14:44:21 +0530 Subject: [PATCH] fix(EditInPlace): focus and style issue (#6146) --- .../src/components/EditInPlace/_edit-in-place.scss | 2 +- .../ibm-products/src/components/EditInPlace/EditInPlace.tsx | 1 + 2 files changed, 2 insertions(+), 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 index d2c5c14014..5b8539482f 100644 --- 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 index b9e5498024..5e284fb668 100644 --- 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( setInitialValue(value); setDirtyInput(false); onSave(); + setFocused(false); }; const onCancelHandler = () => {