Page MenuHomePhabricator

Amazon unresponsive donation form
Closed, ResolvedPublic

Description

We are triaging 8 recent donors who've been unable to donate via Amazon. Most report unresponsive links and it seems to happen across multiple browsers. I will add full details here shortly but the best feedback we've seen so far is:

"...after logging into my Amazon account, I was brought back to the wikimedia page to click "Continue" button below my donation amount, but the button click on "Continue" had no effect." #851129

Event Timeline

Given our transaction volume, 8 instances is kind of a lot, so we expect to see a lot more of these.

850393 mentions testing a cross-site tracking setting - could something about the Amazon donation flow have been affected by either recent browser changes OR hosting the TY page on wikipedia.org? Would we expect donors who choose “Prevent Cross-Site Tracking” in Safari/private mode expect to be able to donate by Amazon?

Zendeskdatebrowser-OS-devicecomment
85140611/2/2020I had problems with donating through amazon.
85137911/2/2020Did not work. Hit the continue button and nothing.
85112911/2/2020after logging into my Amazon account, I was brought back to the wikimedia page to click "Continue" button below my donation amount, but the button click on "Continue" had no effect
85118911/2/2020iPhonesince I didn't have my card with me I thought to sign up using amazon, but then it didn't work. And I ended up leaving the page without donating
85049610/31/2020it seemed to be working, then asked me for credit card info, which has never happened to me using Amazon Pay with various organizations in the past. The main reason people like using Amazon Pay is that you don’t have to deal with the hassle of typing in card info or the security risk that goes with it. So I bail when that request came up. Today I again selected Amazon Pay, but then the screen froze when I tried clicking on the Continue button.
85045210/31/2020(IPadPro), OS (iPadOS 14.0), and browser (Safari)The Continue button doesn’t work.
85039310/31/2020OS: iOS 14.1 Browser: SafariI was eventually able to get my donation to go through so I don’t have any screenshots from the original issue, but I was able to replicate the issue I saw previously using Private mode on Safari and toggling the “Prevent Cross-Site Tracking” setting. When “Prevent Cross-Site Tracking” is ON, I am sent to login to Amazon from this page. When I am sent back to this page, I am unable to proceed. Clicking continue does nothing. When “Prevent Cross-Site Tracking” is OFF, I am sent to login to Amazon from this page. When I am sent back to this page, I am able to proceed. The “Donate” button appears and I can finish the transaction.
85039010/31/2020windows 10 Chrome and Edge browsersIt goes to the page with the amount and 'continue' but no matter how many times I clicked continue it never did anything.
85138111/2/2020

I will look into this and get back to you.

Thanks, @EMartin I am gathering browser info from the rest of the donors and will update here.

Do you have merchant reference number associated with these by any chance?

I was able to replicate the continue button doing nothing in Safari 13.1.2 on a MacBook Pro

Thanks, @Cstone

#850393 is the donor who succeeded in a later attempt, @EMartin and that donation is AMAZON P01-2297208-5798294-C072273 - REF # 93547456-1

I had an error on Chrome on a mac. After I signed into amazon, I got a payments wiki page with a continue button and a donate button. The continue button did not work but the donate button did.

I was able to reproduce this morning too. Not seeing console errors on prod weirdly. I wonder if I can get set up to reproduce locally..

On Safari I see just a continue button that doesn't work:

Screen Shot 2020-11-04 at 10.16.44 AM.png (576×650 px, 35 KB)

Update: Curiously, I left the Safari window open for a while and when I looked back 30 minutes later, the Donate button had shown up!

BUT on chrome I see TWO buttons:

Screen Shot 2020-11-04 at 10.17.34 AM.png (698×626 px, 32 KB)

Clicking "Continue" does nothing but clicking "Donate" gets me to the thank you page!

There's a lot going on in the code.

    • The css tries to show the button that has the "force" class which is the continue button in both Chrome and Safari.
    • The js has a function called "setSubmitVisibility" that either shows or hides the submit button. It's called in handleConsentStatus, handleErrors, and onPaymentSelect in createWalletWidget
  • setSubmitVisibilty shows the submit button if cardSelect is True and in the event that a recurring contribution has recurConsentGranted
  • The only time cardSelected gets set to true is in onPaymentSelect in createWalletWidget

I see that the force class on the continue button is only supposed to be present when show_submethods is true.

Change 639236 had a related patch set uploaded (by Ejegg; owner: Ejegg):
[mediawiki/extensions/DonationInterface@master] Fix loading styles from ui_modules

https://gerrit.wikimedia.org/r/639236

Change 639236 merged by jenkins-bot:
[mediawiki/extensions/DonationInterface@master] Fix loading styles from ui_modules

https://gerrit.wikimedia.org/r/639236

OK, we deployed a fix for this. Turns out a code refactor deployed on October 27 broke the loading of a stylesheet which was responsible for hiding the continue button and showing the Amazon Pay card widget

There may be another Safari-specific issue - we'll look a bit more into that specific browser.

Thank you @Ejegg and @mepps ! I will ask the non-Safari users to retry their donations.

#851406 tried again today, 11/6, using Firefox / Win 7 64bit:

I get the same screen...and then it sits and does nothing. There's no button to press.

I will follow up with him to see about browser add-ons, firewalls, and the usual browser issues, just documenting this here for now.

closing per David, "unintentional CSS issue"