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

2025-10-10 21:00:40 +05:00
parent b774084a10
commit 8470d7cd4d
2 changed files with 12 additions and 0 deletions
--- a/src/generic/inplace-text-editor/InplaceTextEditor.scss
+++ b/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%;
+  }
+}
+
--- a/src/generic/inplace-text-editor/index.tsx
+++ b/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
        ? (