I’ve noticed recently that the popover component is affected by the scroll position of the page.
For context, the DateField component has an issue where the popover in a Modal component always renders down, and there is no way to control how it renders so as a workaround we use a DateField inside a Pressable with a Popover to show a DatePicker above which is a pseudo-fix for the issue.
However, when the page has been scrolled, the popover isn’t factoring the scoll position of the page. I feel like it used to, not sure if this was an interal update from Shopify or from the latest set of components (2025-07)
Ideally I’d like this to be fixed so we can keep the current functionality. As a temporary fix I can render a full DatePicker (last photo) inside the modal. However we do like the current popover UX experience.
Is this resolvable by the Shopify Dev Team? I’d like to see one of the following:
- DateField popover controls exposed as props such as “position” and “alignment”. This would be the best as it would simplify our code.
- Popover element is fixed to account for fixed scroll position when used on right pane. With this no change would be required by us.
While not ideal, I can do the temporary fix but if It’s a bug that be fixed in a timely manner I’ll keep it as is.
——-
Popover being offset by scroll position of the Page (not scroll of modal)
Another workaround, remove ideal UX
