@lingjingai/script-editor 0.1.25 → 0.1.26

package/dist/index.js

@@ -648,6 +648,7 @@ function EditableText({
   const [editing, setEditing] = useState(autoEdit);
   const [draft, setDraft] = useState(value);
   const caretRef = useRef(null);
+  const entryHeightRef = useRef(null);
   const inputRef = useRef(null);
   const committedRef = useRef(value);
   const editingSignal = useContext(EditingSignalContext);
@@ -699,7 +700,10 @@ function EditableText({
     if (!editing) return;
     const el = inputRef.current;
     if (!el) return;
-    if (multiline) autoSize(el);
+    if (multiline) {
+      autoSize(el, entryHeightRef.current);
+      entryHeightRef.current = null;
+    }
     el.focus();
     const caret = caretRef.current;
     const pos = caret == null ? el.value.length : Math.min(caret, el.value.length);
@@ -714,6 +718,7 @@ function EditableText({
     const sel = window.getSelection();
     if (sel && !sel.isCollapsed) return;
     caretRef.current = caretOffsetFromPoint(e.clientX, e.clientY);
+    entryHeightRef.current = multiline ? e.currentTarget.getBoundingClientRect().height : null;
     setDraft(committedRef.current);
     draftRef.current = committedRef.current;
     setEditing(true);
@@ -781,9 +786,10 @@ function EditableText({
   };
   return multiline ? /* @__PURE__ */ jsx("textarea", { ...common, rows: 1 }) : /* @__PURE__ */ jsx("input", { ...common, type: "text" });
 }
-function autoSize(el) {
+function autoSize(el, entryHeight) {
   el.style.height = "auto";
-  el.style.height = el.scrollHeight + "px";
+  const nextHeight = el.scrollHeight;
+  el.style.height = entryHeight && Math.abs(nextHeight - entryHeight) <= 1 ? `${entryHeight}px` : `${nextHeight}px`;
 }
 function FormatToggle({
   value,