[Filters] Button width changes when popover is active

[tmlayton]

The new Filters component has a concept for "shortcut" filters which adds a button/popover in the filter bar to quickly access the filter. The last (right-most) shortcut filter has a visual bug in the button when activating the popover:

Reduced test case

https://codesandbox.io/s/epic-cookies-333ch

[alexieyizhe]

Hey @tmlayton I'm up for fixing this. Is there a reproducible example? I can't seem to reproduce when it's just a standalone button with a popover.

[tmlayton]

👋 Hey @alexieyizhe! That would be awesome, and sorry I quickly opened the issue so there is no information. The issue is with the new Filters component: https://polaris.shopify.com/components/lists-and-tables/filters and is reproducible in the latest Chrome, Firefox, and Safari as far as I tested. Will update the description.

[alexieyizhe]

Sweet, apologies for late reply but I'll have a look later today!

[alexieyizhe]

Hey @tmlayton, bit late but I put in a PR^^ to fix this issue. The check that's failing is a Percy snapshot comparison, but I can't seem to approve the change. Check it out when you have the time!

[BPScott]

@tmlayton is on holiday for the next week or two. @chloerice, if you've got a spare moment would you be able to take a look at Alex's PR at some point?