Order creation: cannot proceed with a custom amount after selecting and deselecting a product

[jaclync]

Describe the bug

When creating an order, if the merchant enters a custom amount (where Colelct Payment CTA appears), but then selecting & deselecting any product in the product selector (more easily in split view in iPad) (where Recalculate CTA appears), there's no way to continue creating the order with the custom amount. The merchant can still restart the flow to create an order.

To Reproduce
Steps to reproduce the behavior:

Prerequisite: the store has at least one purchasable product

• Go to the orders tab
• Tap +
• Tap Add Custom Amount and enter a custom amount
• In the product selector, select and unselect one product
• Tap Recalculate --> notice that it's no-op, from the CTAs at the bottom and top

Screenshots

Simulator.Screen.Recording.-.iPad.Pro.11-inch.M4.-.2024-11-26.at.16.12.21.mp4

Expected behavior

After deselecting a product and no products are selected with a custom amount, there should be a way to continue collecting payment and creating the order.

Isolating the problem (mark completed items with an [x]):

• I have deactivated other plugins and confirmed this bug occurs when only WooCommerce plugin is active.
• This bug happens with a default WordPress theme active, or Storefront.
• I can reproduce this bug consistently using the steps above.

Mobile Environment
Please include:

• Device: iPad Pro 11in 3rd gen
• iOS version: iOS 17.5.1
• WooCommerce iOS version: 21.2

[dangermattic]

Thanks for reporting! 👍