Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix: avoid reset scroll position on opening popover #1543

Merged
merged 2 commits into from
May 30, 2024

Conversation

tsukkee
Copy link
Contributor

@tsukkee tsukkee commented May 30, 2024

Closes #1542

📝 Description

As described on #1542, the popover component will reset scroll position when it is opened.
I found { preventScroll: true } parameter of HTMLElement.focus() is missing after 0.50.0, which is set before 0.49.0.

0.49.0

https://github.com/chakra-ui/zag/blob/%40zag-js/popover%400.49.0/packages/machines/popover/src/popover.machine.ts#L228

0.50.0

https://github.com/chakra-ui/zag/blob/%40zag-js/popover%400.50.0/packages/machines/popover/src/popover.machine.ts#L230

The popover content does not look place right position just after opening, setInitialFocus will cause this timing, so I think we still need { preventScroll: true } parameter.

⛳️ Current behavior (updates)

The popover component will reset scroll position when it is opened.

🚀 New behavior

The popover component DOES NOT reset scroll position when it is opened.

💣 Is this a breaking change (Yes/No):

No

📝 Additional Information

Copy link

changeset-bot bot commented May 30, 2024

🦋 Changeset detected

Latest commit: 3ef26ba

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 71 packages
Name Type
@zag-js/popover Patch
@zag-js/anatomy-icons Patch
@zag-js/anatomy Patch
@zag-js/core Patch
@zag-js/docs Patch
@zag-js/preact Patch
@zag-js/react Patch
@zag-js/solid Patch
@zag-js/svelte Patch
@zag-js/vue Patch
@zag-js/accordion Patch
@zag-js/avatar Patch
@zag-js/carousel Patch
@zag-js/checkbox Patch
@zag-js/clipboard Patch
@zag-js/collapsible Patch
@zag-js/color-picker Patch
@zag-js/combobox Patch
@zag-js/date-picker Patch
@zag-js/dialog Patch
@zag-js/editable Patch
@zag-js/file-upload Patch
@zag-js/floating-panel Patch
@zag-js/hover-card Patch
@zag-js/menu Patch
@zag-js/number-input Patch
@zag-js/pagination Patch
@zag-js/pin-input Patch
@zag-js/presence Patch
@zag-js/progress Patch
@zag-js/radio-group Patch
@zag-js/rating-group Patch
@zag-js/select Patch
@zag-js/signature-pad Patch
@zag-js/slider Patch
@zag-js/splitter Patch
@zag-js/switch Patch
@zag-js/tabs Patch
@zag-js/tags-input Patch
@zag-js/time-picker Patch
@zag-js/timer Patch
@zag-js/toast Patch
@zag-js/toggle-group Patch
@zag-js/tooltip Patch
@zag-js/tour Patch
@zag-js/tree-view Patch
@zag-js/store Patch
@zag-js/types Patch
@zag-js/aria-hidden Patch
@zag-js/auto-resize Patch
@zag-js/collection Patch
@zag-js/color-utils Patch
@zag-js/utils Patch
@zag-js/date-utils Patch
@zag-js/dismissable Patch
@zag-js/dom-event Patch
@zag-js/dom-query Patch
@zag-js/element-rect Patch
@zag-js/element-size Patch
@zag-js/file-utils Patch
@zag-js/focus-visible Patch
@zag-js/form-utils Patch
@zag-js/i18n-utils Patch
@zag-js/interact-outside Patch
@zag-js/live-region Patch
@zag-js/number-utils Patch
@zag-js/numeric-range Patch
@zag-js/popper Patch
@zag-js/rect-utils Patch
@zag-js/remove-scroll Patch
@zag-js/text-selection Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

Copy link

vercel bot commented May 30, 2024

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Updated (UTC)
zag-nextjs ✅ Ready (Inspect) Visit Preview May 30, 2024 10:43am
zag-solid ✅ Ready (Inspect) Visit Preview May 30, 2024 10:43am
zag-svelte ✅ Ready (Inspect) Visit Preview May 30, 2024 10:43am
zag-vue ✅ Ready (Inspect) Visit Preview May 30, 2024 10:43am
zag-website ✅ Ready (Inspect) Visit Preview May 30, 2024 10:43am

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[popover] Reset scroll position when a popover is opened
2 participants