fix: Rename field should use full available width #2337 (#2436)

Author: ahtesham-quraish

src/generic/inplace-text-editor/InplaceTextEditor.scss

@@ -4,3 +4,14 @@
   -webkit-box-orient: vertical;
   overflow: hidden;
 }
+
+.inplace-text-editor-with-edit-input {
+  width: 100%;
+}
+
+.inplace-text-editor-with-edit-input:focus-within {
+  :has(&) {
+    width: 100%;
+  }
+}
+

src/generic/inplace-text-editor/index.tsx

@@ -78,6 +78,7 @@ export const InplaceTextEditor: React.FC<InplaceTextEditorProps> = ({
     <Stack
       direction="horizontal"
       gap={1}
+      className="inplace-text-editor-with-edit-input"
     >
       {inputIsActive
         ? (