Filter popover not calculating position correctly

[danny-williams]

Issue summary

As I apply filters, the popover pane moves, but the dropdown selection does not. It sort of floats in space, detached from its parent. This seems broken. Screenshot below to illustrate.

Expected behavior

I'd expect the child dropdown to move with the parent popover. See screenshot above for reference. The whole component should feel like one.

Actual behavior

See screenshot above.

Steps to reproduce the problem

1. Turn on orders_saved_views beta flag
2. Apply a filter to the table
3. Observe how the selection dropdown doesn't move with the filter pane.

Reduced test case

The best way to get your bug fixed is to provide a reduced test case. This CodeSandbox template is a great starting point.

Specifications

• Are you using the React components? (Y/N):
• Polaris version number:
• Browser: Chrome
• Device: Macbook pro
• Operating System: macOs

Or run npx envinfo --system --binaries --browsers --npmPackages react,react-dom,@shopify/polaris to provide specifications on your environment including version numbers, browser, device, and operating system.

Paste the results here:

👋 Thanks for opening your first issue. A contributor should give feedback soon. If you haven’t already, please check out the contributing guidelines.

[alex-page]

Closing this issue as @AndrewMusgrave merged a PR to resolve it. #4357

[AndrewMusgrave]

Thanks @alex-page 🙇