fix(input): set caret position at the end of the input programmatical…

…ly (#1413)

* fix(input): set caret position at the end of the input programmatically

* Create tame-masks-pump.md

.changeset/tame-masks-pump.md

@@ -0,0 +1,5 @@
+---
+"@alfalab/core-components-input": patch
+---
+
+Исправлен баг с автофокусом и SSR. Каретка при автофокусе теперь программно устанавливается в конец ввода.

packages/input/src/components/base-input/Component.tsx

@@ -18,7 +18,7 @@ import cn from 'classnames';
 import { FormControlProps } from '@alfalab/core-components-form-control';
 import { getDataTestId } from '@alfalab/core-components-shared';
 import { StatusBadge } from '@alfalab/core-components-status-badge';
-import { useFocus } from '@alfalab/hooks';
+import { useFocus, useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';
 
 import { ClearButton } from '../clear-button';
 
@@ -283,6 +283,17 @@ export const BaseInput = React.forwardRef<HTMLInputElement, BaseInputProps>(
         const clearButtonVisible = clear && filled && !disabled && !readOnlyProp;
         const hasInnerLabel = label && labelView === 'inner';
 
+        useLayoutEffect_SAFE_FOR_SSR(() => {
+            // https://github.com/facebook/react/issues/14125
+            if (restProps.autoFocus) {
+                const input = inputRef.current;
+
+                if (input) {
+                    input.setSelectionRange(input.value.length, input.value.length);
+                }
+            }
+        }, []);
+
         const handleInputFocus = useCallback(
             (event: React.FocusEvent<HTMLInputElement>) => {
                 if (!readOnlyProp || disableUserInput) {