Quick summary

This may just be down to style or taste, but I feel like having multiple variant pickers active at the same time feels a bit congested, especially on mobile devices:

Desktop:

Mobile:

Proposed Solution

We could consider creating an 'active' state for the available variant pickers in a section, then close any pickers that aren't the customer's focus.

Steps to reproduce

• Add a plan and domain (or another product) to cart
• Go to checkout
• Interact with the variant pickers for the products
• Adjust the window width for mobile experience

What you expected to happen

I expect the active picker to be shown and all other pickers to be collapsed.

What actually happened

All pickers maintain their own state and open/close regardless of the focus of the customer.

Impact

All

Available workarounds?

No but the platform is still usable

Platform (Simple and/or Atomic)

No response

Logs or notes

No response