@cloud-ru/ds-fields 1.0.2 → 1.0.3

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 1.0.3 (2026-08-20)
+
+### Bug Fixes
+
+- **FF-8679:** stabilize textarea initial height ([eec63a6](https://github.com/cloud-ru-tech/snack-v2/commit/eec63a6f1dc6135c9b882b7d1e24ae4799a8e684))
+
 ## 1.0.2 (2026-08-20)
 
 ### Bug Fixes

package/dist/cjs/components/FieldTextArea/FieldTextArea.js

@@ -24,6 +24,11 @@ exports.FieldTextArea = (0, react_1.forwardRef)(function FieldTextArea({ label =
     const copyButtonRef = (0, react_1.useRef)(null);
     const [focusVisible, setFocusVisible] = (0, react_1.useState)(false);
     const [hover, setHover] = (0, react_1.useState)(false);
+    // autosize меряет высоту до того, как ThemeScope навесит классы темы — пересчитываем после mount.
+    const [, remeasure] = (0, react_1.useReducer)((tick) => tick + 1, 0);
+    (0, react_1.useEffect)(() => {
+        remeasure();
+    }, []);
     const resolvedAutoFocus = (0, hooks_1.useAdaptiveAutoFocus)(autoFocus, layoutPresets);
     // controlled/uncontrolled: useValueControl держит внутреннее состояние при отсутствии `value`,
     // событие в `onChange` пробрасываем сами (useValueControl передаёт только значение).

package/dist/esm/components/FieldTextArea/FieldTextArea.js

@@ -5,7 +5,7 @@ import { BAR_HIDE_STRATEGY, RESIZE, Scroll, SIZE as SCROLL_SIZE } from '@cloud-r
 import { extractSupportProps, useValueControl } from '@cloud-ru/ds-utils';
 import cn from 'classnames';
 import mergeRefs from 'merge-refs';
-import { forwardRef, useCallback, useMemo, useRef, useState, } from 'react';
+import { forwardRef, useCallback, useEffect, useMemo, useReducer, useRef, useState, } from 'react';
 import TextareaAutosize from 'react-textarea-autosize';
 import { TEST_IDS } from '../../constants.js';
 import { useAdaptiveAutoFocus } from '../../hooks/index.js';
@@ -18,6 +18,11 @@ export const FieldTextArea = forwardRef(function FieldTextArea({ label = '', lab
     const copyButtonRef = useRef(null);
     const [focusVisible, setFocusVisible] = useState(false);
     const [hover, setHover] = useState(false);
+    // autosize меряет высоту до того, как ThemeScope навесит классы темы — пересчитываем после mount.
+    const [, remeasure] = useReducer((tick) => tick + 1, 0);
+    useEffect(() => {
+        remeasure();
+    }, []);
     const resolvedAutoFocus = useAdaptiveAutoFocus(autoFocus, layoutPresets);
     // controlled/uncontrolled: useValueControl держит внутреннее состояние при отсутствии `value`,
     // событие в `onChange` пробрасываем сами (useValueControl передаёт только значение).