When multiple Pay with PayPal blocks on a single page result in incorrect orders

[inaikem]

What I expected

When multiple Pay with PayPal blocks are present on a page, I expect orders product for product A or B to result in orders/confirmations for product A or B respectively.

What happened instead

When multiple Pay with PayPal blocks are present on a page, they render correctly. However, when someone orders product A, they receive a confirmation stating they ordered product B.

The wrong item is also reflected in the (receiving account's) PayPal order history

Reported in p1612330386044400-slack-CS0SC36SX

[andrewserong]

Sounds like the front end of the block may not support having multiple instances on the one page? I haven't yet looked at the code, but I wonder if we can either a) restrict the number of times someone can use the block on the one page (as a short-term fix), or b) update the markup so that each block has a unique ID, and the click handler on the button should link to the correct product.

[andrewserong]

Possibly a duplicate of #12801 but the reported issue sounds like there's a subtle difference, so leaving this one open, too.

[inaikem]

Thanks, Andrew. The latter approach (b) to better support multiple blocks on a single page has my vote