@via-profit/ui-kit 0.10.0 → 0.10.1

package/CHANGELOG.md

@@ -4,6 +4,12 @@
 
 ## Не выпущено
 
+## 0.10.1 — 2026-10-23
+
+### Исправлено
+
+- **Menu**, **Selectbox**, **DatePicker**, **HintPopover**, модальные окна: возвращая фокус на кнопку или поле после закрытия, кит больше не прокручивает страницу (`focus({ preventScroll: true })`). Если кнопка-якорь стоит в закреплённой шапке (`position: sticky`), Chrome прокручивал страницу к исходному месту шапки в документе, и после закрытия меню щелчком мимо страница прыгала. Список Menu при открытии тоже получает фокус без прокрутки.
+
 ## 0.10.0 — 2026-10-21
 
 ### Добавлено

package/DatePicker/index.js

@@ -130,7 +130,9 @@ const DatePicker = props => {
         var _a, _b;
         setOpenSate(false);
         // Back to the field, so the keyboard user continues from the same place
-        (_b = (readOnly ? inputRef.current : ((_a = buttonRef.current) !== null && _a !== void 0 ? _a : inputRef.current))) === null || _b === void 0 ? void 0 : _b.focus();
+        (_b = (readOnly ? inputRef.current : ((_a = buttonRef.current) !== null && _a !== void 0 ? _a : inputRef.current))) === null || _b === void 0 ? void 0 : _b.focus({
+            preventScroll: true,
+        });
     }, [readOnly]);
     const handlePopperKeyDown = react_1.default.useCallback((event) => {
         if (event.key === 'Escape') {

package/HintPopover/index.js

@@ -54,7 +54,7 @@ const HintPopover = props => {
         const onKeyDown = (event) => {
             if (event.key === 'Escape') {
                 setOpen(false);
-                button === null || button === void 0 ? void 0 : button.focus();
+                button === null || button === void 0 ? void 0 : button.focus({ preventScroll: true });
             }
         };
         document.addEventListener('keydown', onKeyDown);

package/Menu/MenuContainer.js

@@ -285,10 +285,11 @@ const MenuContainer = react_1.default.forwardRef((props, ref) => {
         if (!isOpen) {
             // The menu is already closed by the parent, so onRequestClose must not be called again
             dispatch((0, context_1.actionSetmenuState)({ markedIndex: -1, hoveredIndex: -1 }));
-            // Otherwise the focus is lost together with the unmounted list
+            // Otherwise the focus is lost together with the unmounted list.
+            // Without the scroll: an anchor in a sticky header is scrolled to its place in the document
             if (hasFocusRef.current) {
                 hasFocusRef.current = false;
-                (_a = lastAnchorRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+                (_a = lastAnchorRef.current) === null || _a === void 0 ? void 0 : _a.focus({ preventScroll: true });
             }
             return;
         }
@@ -303,7 +304,8 @@ const MenuContainer = react_1.default.forwardRef((props, ref) => {
             var _a;
             scrollToFirstSelected();
             if (autofocus) {
-                (_a = menuListRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+                // The list is already placed by the popper: focusing must not scroll the page
+                (_a = menuListRef.current) === null || _a === void 0 ? void 0 : _a.focus({ preventScroll: true });
             }
         }, 15);
     }, [isOpen, autofocus, dispatch, scrollToFirstSelected]);

package/Selectbox/SelectboxMenu.js

@@ -59,7 +59,7 @@ const SelectboxMenu = React.forwardRef((props, ref) => {
             if (onRequestClose) {
                 onRequestClose(evt);
             }
-            anchorElement === null || anchorElement === void 0 ? void 0 : anchorElement.focus();
+            anchorElement === null || anchorElement === void 0 ? void 0 : anchorElement.focus({ preventScroll: true });
         }
     }, [onRequestClose, anchorElement]);
     return (React.createElement(Menu_1.default, Object.assign({ ref: ref, offset: 0, anchorPos: anchorPos, multiple: multiple, items: items, value: value, isOpen: isOpen && items.length > 0, autofocus: true, anchorElement: anchorElement, closeOutsideClick: false, getOptionSelected: getOptionSelected, onSelectItem: handleSelectItem, closeOnSelect: !multiple, onRequestClose: handleRequestClose }, restMenuProps), ({ index, item }, itemProps) => children({ index, item: item }, itemProps)));

package/esm/DatePicker/index.js

@@ -111,7 +111,9 @@ const DatePicker = props => {
         var _a, _b;
         setOpenSate(false);
         // Back to the field, so the keyboard user continues from the same place
-        (_b = (readOnly ? inputRef.current : ((_a = buttonRef.current) !== null && _a !== void 0 ? _a : inputRef.current))) === null || _b === void 0 ? void 0 : _b.focus();
+        (_b = (readOnly ? inputRef.current : ((_a = buttonRef.current) !== null && _a !== void 0 ? _a : inputRef.current))) === null || _b === void 0 ? void 0 : _b.focus({
+            preventScroll: true,
+        });
     }, [readOnly]);
     const handlePopperKeyDown = React.useCallback((event) => {
         if (event.key === 'Escape') {

package/esm/HintPopover/index.js

@@ -35,7 +35,7 @@ const HintPopover = props => {
         const onKeyDown = (event) => {
             if (event.key === 'Escape') {
                 setOpen(false);
-                button === null || button === void 0 ? void 0 : button.focus();
+                button === null || button === void 0 ? void 0 : button.focus({ preventScroll: true });
             }
         };
         document.addEventListener('keydown', onKeyDown);

package/esm/Menu/MenuContainer.js

@@ -247,10 +247,11 @@ const MenuContainer = React.forwardRef((props, ref) => {
         if (!isOpen) {
             // The menu is already closed by the parent, so onRequestClose must not be called again
             dispatch(actionSetmenuState({ markedIndex: -1, hoveredIndex: -1 }));
-            // Otherwise the focus is lost together with the unmounted list
+            // Otherwise the focus is lost together with the unmounted list.
+            // Without the scroll: an anchor in a sticky header is scrolled to its place in the document
             if (hasFocusRef.current) {
                 hasFocusRef.current = false;
-                (_a = lastAnchorRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+                (_a = lastAnchorRef.current) === null || _a === void 0 ? void 0 : _a.focus({ preventScroll: true });
             }
             return;
         }
@@ -265,7 +266,8 @@ const MenuContainer = React.forwardRef((props, ref) => {
             var _a;
             scrollToFirstSelected();
             if (autofocus) {
-                (_a = menuListRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+                // The list is already placed by the popper: focusing must not scroll the page
+                (_a = menuListRef.current) === null || _a === void 0 ? void 0 : _a.focus({ preventScroll: true });
             }
         }, 15);
     }, [isOpen, autofocus, dispatch, scrollToFirstSelected]);

package/esm/Selectbox/SelectboxMenu.js

@@ -21,7 +21,7 @@ const SelectboxMenu = React.forwardRef((props, ref) => {
             if (onRequestClose) {
                 onRequestClose(evt);
             }
-            anchorElement === null || anchorElement === void 0 ? void 0 : anchorElement.focus();
+            anchorElement === null || anchorElement === void 0 ? void 0 : anchorElement.focus({ preventScroll: true });
         }
     }, [onRequestClose, anchorElement]);
     return (React.createElement(Menu, Object.assign({ ref: ref, offset: 0, anchorPos: anchorPos, multiple: multiple, items: items, value: value, isOpen: isOpen && items.length > 0, autofocus: true, anchorElement: anchorElement, closeOutsideClick: false, getOptionSelected: getOptionSelected, onSelectItem: handleSelectItem, closeOnSelect: !multiple, onRequestClose: handleRequestClose }, restMenuProps), ({ index, item }, itemProps) => children({ index, item: item }, itemProps)));

package/esm/utils/TabManager.js

@@ -76,7 +76,7 @@ class TabManager {
         __classPrivateFieldSet(this, _TabManager_stack, __classPrivateFieldGet(this, _TabManager_stack, "f").filter(stackElem => {
             const founded = stackElem.container === container;
             if (founded && revertBackFocus && stackElem.lastFocused instanceof HTMLElement) {
-                stackElem.lastFocused.focus();
+                stackElem.lastFocused.focus({ preventScroll: true });
             }
             return !founded;
         }), "f");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@via-profit/ui-kit",
-  "version": "0.10.0",
+  "version": "0.10.1",
   "description": "UI Kit",
   "repository": {
     "type": "git",

package/utils/TabManager.js

@@ -78,7 +78,7 @@ class TabManager {
         __classPrivateFieldSet(this, _TabManager_stack, __classPrivateFieldGet(this, _TabManager_stack, "f").filter(stackElem => {
             const founded = stackElem.container === container;
             if (founded && revertBackFocus && stackElem.lastFocused instanceof HTMLElement) {
-                stackElem.lastFocused.focus();
+                stackElem.lastFocused.focus({ preventScroll: true });
             }
             return !founded;
         }), "f");