diff --git a/.changeset/blue-suns-tickle.md b/.changeset/blue-suns-tickle.md new file mode 100644 index 0000000000..be29ce73b6 --- /dev/null +++ b/.changeset/blue-suns-tickle.md @@ -0,0 +1,8 @@ +--- +'@alfalab/core-components-popover': patch +'@alfalab/core-components': patch +--- + +##### Popover + +- Позиционирование Popover теперь использует `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);" >