diff --git a/packages/vkui/src/components/CalendarHeader/CalendarHeader.tsx b/packages/vkui/src/components/CalendarHeader/CalendarHeader.tsx
index 550e864f0a0..5d741db8c9e 100644
--- a/packages/vkui/src/components/CalendarHeader/CalendarHeader.tsx
+++ b/packages/vkui/src/components/CalendarHeader/CalendarHeader.tsx
@@ -221,15 +221,6 @@ export const CalendarHeader = ({
     );
   }
 
-  const stopPropogationOfEscapeKeyboardEventWhenSelectIsOpen = React.useCallback(
-    (event: React.KeyboardEvent, isOpen: boolean) => {
-      if (isOpen && event.key === 'Escape') {
-        event.stopPropagation();
-      }
-    },
-    [],
-  );
-
   return (
     <RootComponent baseClassName={styles.host} {...restProps}>
       {!prevMonthHidden && (
@@ -271,7 +262,6 @@ export const CalendarHeader = ({
               onChange={onMonthsChange}
               forceDropdownPortal={false}
               selectType="accent"
-              onInputKeyDown={stopPropogationOfEscapeKeyboardEventWhenSelectIsOpen}
               slotProps={{
                 input: {
                   'aria-label': changeMonthLabel,
@@ -292,7 +282,6 @@ export const CalendarHeader = ({
               onChange={onYearChange}
               forceDropdownPortal={false}
               selectType="accent"
-              onInputKeyDown={stopPropogationOfEscapeKeyboardEventWhenSelectIsOpen}
               slotProps={{
                 input: {
                   'aria-label': changeYearLabel,
diff --git a/packages/vkui/src/components/ChipsSelect/ChipsSelect.tsx b/packages/vkui/src/components/ChipsSelect/ChipsSelect.tsx
index 19c81a2d555..93aa5007c4b 100644
--- a/packages/vkui/src/components/ChipsSelect/ChipsSelect.tsx
+++ b/packages/vkui/src/components/ChipsSelect/ChipsSelect.tsx
@@ -4,6 +4,7 @@ import * as React from 'react';
 import type { MouseEventHandler } from 'react';
 import { classNames } from '@vkontakte/vkjs';
 import { useExternRef } from '../../hooks/useExternRef';
+import { useGlobalEscKeyDown } from '../../hooks/useGlobalEscKeyDown';
 import { useGlobalOnEventOutside } from '../../hooks/useGlobalOnClickOutside';
 import { useMergeProps } from '../../hooks/useMergeProps';
 import { Keys } from '../../lib/accessibility';
@@ -438,13 +439,13 @@ export const ChipsSelect = <Option extends ChipOption>({
         }
         break;
       }
-      case Keys.ESCAPE:
       case Keys.TAB:
         if (opened) {
           setOpened(false);
         }
     }
   };
+  useGlobalEscKeyDown(opened && !readOnly, () => setOpened(false));
 
   React.useEffect(() => {
     if (focusedOptionIndex === null) {
diff --git a/packages/vkui/src/components/CustomSelect/hooks/useInputKeyboardController.ts b/packages/vkui/src/components/CustomSelect/hooks/useInputKeyboardController.ts
index a18f0f9d0a7..7a93c91f12a 100644
--- a/packages/vkui/src/components/CustomSelect/hooks/useInputKeyboardController.ts
+++ b/packages/vkui/src/components/CustomSelect/hooks/useInputKeyboardController.ts
@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { useGlobalEscKeyDown } from '../../../hooks/useGlobalEscKeyDown';
 import { Keys, pressedKey } from '../../../lib/accessibility';
 import type { SelectProps } from '../CustomSelect';
 import type { UseFocusedOptionControllerReturn } from './useFocusedOptionController';
@@ -58,9 +59,6 @@ export function useInputKeyboardController({
             open();
           }
           break;
-        case Keys.ESCAPE:
-          close();
-          break;
         case Keys.BACKSPACE:
         case Keys.DELETE: {
           open();
@@ -77,9 +75,11 @@ export function useInputKeyboardController({
           break;
       }
     },
-    [scrollBoxRef, opened, close, focusOption, open, resetFocusedOption, selectFocused],
+    [scrollBoxRef, opened, focusOption, open, resetFocusedOption, selectFocused],
   );
 
+  useGlobalEscKeyDown(opened, () => close());
+
   const handleInputKeydown = React.useCallback(
     (event: React.KeyboardEvent) => {
       onInputKeyDown?.(event, opened);
diff --git a/packages/vkui/src/components/DateInput/DateInput.tsx b/packages/vkui/src/components/DateInput/DateInput.tsx
index 4ab4e0509e6..3a3e2fec675 100644
--- a/packages/vkui/src/components/DateInput/DateInput.tsx
+++ b/packages/vkui/src/components/DateInput/DateInput.tsx
@@ -444,9 +444,7 @@ export const DateInput = ({
   const showCalendarButton = !disableCalendar && (accessible || (!accessible && !value));
   const showClearButton = value && !readOnly;
 
-  useGlobalEscKeyDown(open && !disableCalendar, closeCalendar, {
-    capture: false,
-  });
+  useGlobalEscKeyDown(open && !disableCalendar, closeCalendar);
 
   return (
     <FormField
diff --git a/packages/vkui/src/components/DateRangeInput/DateRangeInput.test.tsx b/packages/vkui/src/components/DateRangeInput/DateRangeInput.test.tsx
index bb1ee812f40..1faea5fc11e 100644
--- a/packages/vkui/src/components/DateRangeInput/DateRangeInput.test.tsx
+++ b/packages/vkui/src/components/DateRangeInput/DateRangeInput.test.tsx
@@ -516,7 +516,7 @@ describe('DateRangeInput', () => {
     it('does not close calendar when Escape is pressed to close inner dropdown (month, year)', async () => {
       const onCalendarOpenChangedStub = vi.fn();
       const dateNow = new Date();
-      render(
+      const { container } = render(
         <DateRangeInput
           value={[dateNow, addDays(dateNow, 1)]}
           accessible
@@ -550,7 +550,7 @@ describe('DateRangeInput', () => {
         expect(screen.queryByRole('listbox')).toBeTruthy();
 
         // закрываем дропдаун с помощью Escape
-        await userEvent.keyboard('{Escape}');
+        fireEvent.keyDown(container, { key: 'Escape' });
         expect(screen.queryByRole('listbox')).toBeFalsy();
 
         // календарь всё ещё должен быть открыт
@@ -559,7 +559,7 @@ describe('DateRangeInput', () => {
       }
 
       // закрываем календарь с помощью Escape
-      await userEvent.keyboard('{Escape}');
+      fireEvent.keyDown(container, { key: 'Escape' });
       // календарь закрыт
       expect(screen.queryByRole('dialog', { name: 'Календарь' })).toBeFalsy();
       expect(onCalendarOpenChangedStub).toHaveBeenCalledTimes(2);
diff --git a/packages/vkui/src/components/DateRangeInput/DateRangeInput.tsx b/packages/vkui/src/components/DateRangeInput/DateRangeInput.tsx
index d652ea65a95..96a762f7985 100644
--- a/packages/vkui/src/components/DateRangeInput/DateRangeInput.tsx
+++ b/packages/vkui/src/components/DateRangeInput/DateRangeInput.tsx
@@ -418,9 +418,7 @@ export const DateRangeInput = ({
   const showCalendarButton = !disableCalendar && (accessible || (!accessible && !value));
   const showClearButton = value && !readOnly;
 
-  useGlobalEscKeyDown(open && !disableCalendar, closeCalendar, {
-    capture: false,
-  });
+  useGlobalEscKeyDown(open && !disableCalendar, closeCalendar);
 
   return (
     <FormField
diff --git a/packages/vkui/src/components/ModalCard/ModalCardInternal.tsx b/packages/vkui/src/components/ModalCard/ModalCardInternal.tsx
index d75cfef3bbf..f3da7f9fc98 100644
--- a/packages/vkui/src/components/ModalCard/ModalCardInternal.tsx
+++ b/packages/vkui/src/components/ModalCard/ModalCardInternal.tsx
@@ -1,13 +1,13 @@
 'use client';
 /* eslint-disable jsdoc/require-jsdoc */
 
-import { type ComponentType, type KeyboardEvent, type ReactNode, useCallback } from 'react';
+import { type ComponentType, type ReactNode } from 'react';
 import { classNames, noop } from '@vkontakte/vkjs';
 import { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';
 import { useExternRef } from '../../hooks/useExternRef';
+import { useGlobalEscKeyDown } from '../../hooks/useGlobalEscKeyDown';
 import { usePlatform } from '../../hooks/usePlatform';
 import { useVirtualKeyboardState } from '../../hooks/useVirtualKeyboardState';
-import { Keys, pressedKey } from '../../lib/accessibility';
 import { useCSSTransition, type UseCSSTransitionState } from '../../lib/animation';
 import { useBottomSheet } from '../../lib/sheet';
 import { useScrollLock } from '../AppRoot/ScrollContext';
@@ -136,24 +136,13 @@ export const ModalCardInternal = ({
       }
     />
   );
-  const handleEscKeyDown = useCallback(
-    (event: KeyboardEvent<HTMLElement>) => {
-      if (closable && pressedKey(event) === Keys.ESCAPE) {
-        onClose('escape-key');
-      }
-    },
-    [closable, onClose],
-  );
+
+  useGlobalEscKeyDown(closable, () => onClose('escape-key'));
 
   useScrollLock(!hidden);
 
   return (
-    <ModalOutlet
-      hidden={hidden}
-      isDesktop={isDesktop}
-      onKeyDown={handleEscKeyDown}
-      disableModalOverlay={disableModalOverlay}
-    >
+    <ModalOutlet hidden={hidden} isDesktop={isDesktop} disableModalOverlay={disableModalOverlay}>
       {modalOverlay}
       <FocusTrap
         rootRef={handleRef}
diff --git a/packages/vkui/src/components/ModalPage/ModalPageInternal.tsx b/packages/vkui/src/components/ModalPage/ModalPageInternal.tsx
index 654305a563b..12bd3f90276 100644
--- a/packages/vkui/src/components/ModalPage/ModalPageInternal.tsx
+++ b/packages/vkui/src/components/ModalPage/ModalPageInternal.tsx
@@ -1,7 +1,7 @@
 'use client';
 /* eslint-disable jsdoc/require-jsdoc */
 
-import { type ComponentType, type KeyboardEvent, useCallback } from 'react';
+import { type ComponentType } from 'react';
 import { classNames, noop } from '@vkontakte/vkjs';
 import { mergeStyle } from '../../helpers/mergeStyle';
 import { useAdaptivity } from '../../hooks/useAdaptivity';
@@ -10,8 +10,8 @@ import {
   useAdaptivityWithJSMediaQueries,
 } from '../../hooks/useAdaptivityWithJSMediaQueries';
 import { useExternRef } from '../../hooks/useExternRef';
+import { useGlobalEscKeyDown } from '../../hooks/useGlobalEscKeyDown';
 import { useVirtualKeyboardState } from '../../hooks/useVirtualKeyboardState';
-import { Keys, pressedKey } from '../../lib/accessibility';
 import { useCSSTransition, type UseCSSTransitionState } from '../../lib/animation';
 import { type SnapPoint, type SnapPointChange, useBottomSheet } from '../../lib/sheet';
 import type { CSSCustomProperties } from '../../types';
@@ -150,24 +150,13 @@ export const ModalPageInternal = ({
       }
     />
   );
-  const handleEscKeyDown = useCallback(
-    (event: KeyboardEvent<HTMLElement>) => {
-      if (closable && pressedKey(event) === Keys.ESCAPE) {
-        onClose('escape-key');
-      }
-    },
-    [closable, onClose],
-  );
+
+  useGlobalEscKeyDown(closable, () => onClose('escape-key'));
 
   useScrollLock(!hidden);
 
   return (
-    <ModalOutlet
-      hidden={hidden}
-      isDesktop={isDesktop}
-      onKeyDown={handleEscKeyDown}
-      disableModalOverlay={disableModalOverlay}
-    >
+    <ModalOutlet hidden={hidden} isDesktop={isDesktop} disableModalOverlay={disableModalOverlay}>
       {modalOverlay}
       <FocusTrap
         rootRef={rootRef}
diff --git a/packages/vkui/src/hooks/useGlobalEscKeyDown.test.tsx b/packages/vkui/src/hooks/useGlobalEscKeyDown.test.tsx
new file mode 100644
index 00000000000..c391439c870
--- /dev/null
+++ b/packages/vkui/src/hooks/useGlobalEscKeyDown.test.tsx
@@ -0,0 +1,99 @@
+import * as React from 'react';
+import { fireEvent, render } from '@testing-library/react';
+import { describe, expect, it, vi } from 'vitest';
+import { useGlobalEscKeyDown } from './useGlobalEscKeyDown';
+
+type EscHandlersFixtureProps = {
+  onOuterClose: () => void;
+  onInnerClose: () => void;
+};
+
+const EscHandlersFixture = ({ onOuterClose, onInnerClose }: EscHandlersFixtureProps) => {
+  const [outerOpened, setOuterOpened] = React.useState(true);
+  const [innerOpened, setInnerOpened] = React.useState(true);
+
+  useGlobalEscKeyDown(outerOpened, () => {
+    onOuterClose();
+    setOuterOpened(false);
+  });
+
+  useGlobalEscKeyDown(innerOpened, () => {
+    onInnerClose();
+    setInnerOpened(false);
+  });
+
+  return <input data-testid="target" />;
+};
+
+const SingleEscHandlerFixture = ({
+  enabled,
+  onEscKeyDown,
+}: {
+  enabled: boolean;
+  onEscKeyDown?: (event: KeyboardEvent) => void;
+}) => {
+  useGlobalEscKeyDown(enabled, onEscKeyDown);
+  return <input data-testid="target" />;
+};
+
+describe(useGlobalEscKeyDown, () => {
+  it('should close layers in stack order', () => {
+    const onOuterClose = vi.fn();
+    const onInnerClose = vi.fn();
+    const { getByTestId } = render(
+      <EscHandlersFixture onOuterClose={onOuterClose} onInnerClose={onInnerClose} />,
+    );
+
+    const target = getByTestId('target');
+
+    fireEvent.keyDown(target, { key: 'Escape' });
+    expect(onInnerClose).toHaveBeenCalledTimes(1);
+    expect(onOuterClose).not.toHaveBeenCalled();
+
+    fireEvent.keyDown(target, { key: 'Escape' });
+    expect(onOuterClose).toHaveBeenCalledTimes(1);
+  });
+
+  it('should not call callback for non-escape keys', () => {
+    const onEscKeyDown = vi.fn();
+    const { getByTestId } = render(<SingleEscHandlerFixture enabled onEscKeyDown={onEscKeyDown} />);
+
+    fireEvent.keyDown(getByTestId('target'), { key: 'Enter' });
+    expect(onEscKeyDown).not.toHaveBeenCalled();
+  });
+
+  it('should not subscribe when callback is not provided', () => {
+    const { getByTestId } = render(<SingleEscHandlerFixture enabled={true} />);
+
+    expect(() => fireEvent.keyDown(getByTestId('target'), { key: 'Escape' })).not.toThrow();
+  });
+
+  it('should re-subscribe when enabled state changes', () => {
+    const onEscKeyDown = vi.fn();
+    const { getByTestId, rerender } = render(
+      <SingleEscHandlerFixture enabled={false} onEscKeyDown={onEscKeyDown} />,
+    );
+
+    fireEvent.keyDown(getByTestId('target'), { key: 'Escape' });
+    expect(onEscKeyDown).not.toHaveBeenCalled();
+
+    rerender(<SingleEscHandlerFixture enabled onEscKeyDown={onEscKeyDown} />);
+
+    fireEvent.keyDown(getByTestId('target'), { key: 'Escape' });
+    expect(onEscKeyDown).toHaveBeenCalledTimes(1);
+  });
+
+  it('should call latest callback after rerender', () => {
+    const firstCallback = vi.fn();
+    const secondCallback = vi.fn();
+    const { getByTestId, rerender } = render(
+      <SingleEscHandlerFixture enabled onEscKeyDown={firstCallback} />,
+    );
+
+    rerender(<SingleEscHandlerFixture enabled onEscKeyDown={secondCallback} />);
+
+    fireEvent.keyDown(getByTestId('target'), { key: 'Escape' });
+    expect(firstCallback).not.toHaveBeenCalled();
+    expect(secondCallback).toHaveBeenCalledTimes(1);
+  });
+});
diff --git a/packages/vkui/src/hooks/useGlobalEscKeyDown.ts b/packages/vkui/src/hooks/useGlobalEscKeyDown.ts
index 93548af5997..99903e7cd31 100644
--- a/packages/vkui/src/hooks/useGlobalEscKeyDown.ts
+++ b/packages/vkui/src/hooks/useGlobalEscKeyDown.ts
@@ -3,41 +3,83 @@ import { Keys, pressedKey } from '../lib/accessibility';
 import { useDOM } from '../lib/dom';
 import { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';
 
-const EVENT_OPTIONS = {
-  passive: true,
-  capture: true,
+type EscHandler = {
+  callback: (event: KeyboardEvent) => void;
 };
 
+type EscHandlersStore = {
+  handlers: EscHandler[];
+  onKeyDown: (event: KeyboardEvent) => void;
+};
+
+const ESC_HANDLERS_BY_DOCUMENT = new WeakMap<Document, EscHandlersStore>();
+
+function getOrCreateEscHandlersStore(document: Document) {
+  const existingStore = ESC_HANDLERS_BY_DOCUMENT.get(document);
+  if (existingStore) {
+    return existingStore;
+  }
+
+  const store: EscHandlersStore = {
+    handlers: [],
+    onKeyDown(event) {
+      if (pressedKey(event) !== Keys.ESCAPE || store.handlers.length === 0) {
+        return;
+      }
+
+      const activeHandler = store.handlers[store.handlers.length - 1];
+      activeHandler.callback(event);
+    },
+  };
+
+  document.addEventListener('keydown', store.onKeyDown);
+  ESC_HANDLERS_BY_DOCUMENT.set(document, store);
+
+  return store;
+}
+
 /**
  * Завязывается на document.
  *
  * @private
  */
 export const useGlobalEscKeyDown = (
-  init: boolean,
-  callback?: ((event: KeyboardEvent) => void) | undefined,
-  optionsProp?: AddEventListenerOptions | undefined,
+  enabled: boolean,
+  callback?: (event: KeyboardEvent) => void,
 ): void => {
   const { document } = useDOM();
 
-  const options = useRef<AddEventListenerOptions>(optionsProp || EVENT_OPTIONS);
+  const init = enabled && !!callback;
+
+  const stableRef = useRef<((event: KeyboardEvent) => void) | null>(null);
 
   useIsomorphicLayoutEffect(() => {
-    options.current = optionsProp || EVENT_OPTIONS;
-  }, [options]);
+    stableRef.current = callback ?? null;
+  }, [callback]);
 
   useIsomorphicLayoutEffect(() => {
-    if (!document || !init || !callback) {
+    if (!document || !init) {
       return;
     }
-    const handleKeyDown = (event: KeyboardEvent) => {
-      if (pressedKey(event) === Keys.ESCAPE) {
-        callback(event);
-      }
+
+    const store = getOrCreateEscHandlersStore(document);
+    const handler: EscHandler = {
+      callback: (event) => {
+        stableRef.current?.(event);
+      },
     };
-    document.addEventListener('keydown', handleKeyDown, options.current);
+    store.handlers.push(handler);
+
     return () => {
-      document.removeEventListener('keydown', handleKeyDown, options.current);
+      const index = store.handlers.indexOf(handler);
+      if (index !== -1) {
+        store.handlers.splice(index, 1);
+      }
+
+      if (store.handlers.length === 0) {
+        document.removeEventListener('keydown', store.onKeyDown);
+        ESC_HANDLERS_BY_DOCUMENT.delete(document);
+      }
     };
-  }, [init, document, callback]);
+  }, [init, document, stableRef]);
 };