From 2fa3bbc2854d61af2f3d38c566d7f8b5accfb9bc Mon Sep 17 00:00:00 2001 From: Vadim Kalushko Date: Tue, 30 Dec 2025 01:22:17 +0300 Subject: [PATCH 1/2] =?UTF-8?q?fix(popover):=20=D0=BD=D0=B0=D1=81=D1=82?= =?UTF-8?q?=D1=80=D0=BE=D0=B9=D0=BA=D0=B0=20=D0=B4=D0=BB=D1=8F=20=D0=BA?= =?UTF-8?q?=D0=BE=D1=80=D1=80=D0=B5=D0=BA=D1=82=D0=B8=D1=80=D0=BE=D0=B2?= =?UTF-8?q?=D0=BA=D0=B8=20=D0=B2=D1=8B=D1=81=D0=BE=D1=82=D1=8B=20popover?= =?UTF-8?q?=20=D0=B2=20=D0=B7=D0=B0=D0=B2=D0=B8=D1=81=D0=B8=D0=BC=D0=BE?= =?UTF-8?q?=D1=81=D1=82=D0=B8=20=D0=BE=D1=82=20=D0=B2=D1=8B=D1=81=D0=BE?= =?UTF-8?q?=D1=82=D1=8B=20viewport=20[DS-9450]?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .changeset/blue-suns-tickle.md | 8 ++++ .../src/__snapshots__/Component.test.tsx.snap | 6 +-- packages/popover/src/Component.tsx | 1 + .../src/__snapshots__/Component.test.tsx.snap | 4 +- .../src/__snapshots__/component.test.tsx.snap | 4 +- .../src/__snapshots__/Component.test.tsx.snap | 4 +- yarn.lock | 42 +++++++++++++++++++ 7 files changed, 60 insertions(+), 9 deletions(-) create mode 100644 .changeset/blue-suns-tickle.md diff --git a/.changeset/blue-suns-tickle.md b/.changeset/blue-suns-tickle.md new file mode 100644 index 0000000000..cd762af394 --- /dev/null +++ b/.changeset/blue-suns-tickle.md @@ -0,0 +1,8 @@ +--- +'@alfalab/core-components-popover': patch +'@alfalab/core-components': patch +--- + +##### Popover + +- Позиционирование Popper теперь использует `strategy: 'fixed'`, чтобы поповер с большим контентом не увеличивал `documentElement.scrollHeight` и не ломал скролл страницы. diff --git a/packages/custom-picker-button/src/__snapshots__/Component.test.tsx.snap b/packages/custom-picker-button/src/__snapshots__/Component.test.tsx.snap index 844b420c2e..4b021d4b59 100644 --- a/packages/custom-picker-button/src/__snapshots__/Component.test.tsx.snap +++ b/packages/custom-picker-button/src/__snapshots__/Component.test.tsx.snap @@ -221,7 +221,7 @@ exports[`Snapshots tests should display opened correctly 2`] = ` data-popper-escaped="true" data-popper-placement="bottom-start" data-popper-reference-hidden="true" - style="z-index: 50; position: absolute; left: 0px; top: 0px; right: auto; bottom: auto; transform: translate(0px, 0px);" + style="z-index: 50; position: fixed; left: 0px; top: 0px; right: auto; bottom: auto; transform: translate(0px, 0px);" >
( } = usePopper(referenceElement, popperElement, { placement: position, modifiers: popperModifiers, + strategy: 'fixed', }); if (updatePopper) { diff --git a/packages/popover/src/__snapshots__/Component.test.tsx.snap b/packages/popover/src/__snapshots__/Component.test.tsx.snap index a55b8a3727..fc27051484 100644 --- a/packages/popover/src/__snapshots__/Component.test.tsx.snap +++ b/packages/popover/src/__snapshots__/Component.test.tsx.snap @@ -13,7 +13,7 @@ exports[`Display tests should display correctly 1`] = ` data-popper-escaped="true" data-popper-placement="left" data-popper-reference-hidden="true" - style="z-index: 50; position: absolute; left: auto; top: 0px; right: 0px; bottom: auto; transform: translate(0px, 0px);" + style="z-index: 50; position: fixed; left: auto; top: 0px; right: 0px; bottom: auto; transform: translate(0px, 0px);" >
Date: Tue, 30 Dec 2025 01:25:07 +0300 Subject: [PATCH 2/2] Update blue-suns-tickle.md --- .changeset/blue-suns-tickle.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/.changeset/blue-suns-tickle.md b/.changeset/blue-suns-tickle.md index cd762af394..be29ce73b6 100644 --- a/.changeset/blue-suns-tickle.md +++ b/.changeset/blue-suns-tickle.md @@ -5,4 +5,4 @@ ##### Popover -- Позиционирование Popper теперь использует `strategy: 'fixed'`, чтобы поповер с большим контентом не увеличивал `documentElement.scrollHeight` и не ломал скролл страницы. +- Позиционирование Popover теперь использует `strategy: 'fixed'`, чтобы поповер с большим контентом не увеличивал `documentElement.scrollHeight` и не ломал скролл страницы.