Home: domain upsell CTA button can be in busy state perpetually if user interacts with it too early in the loading process.

[worldomonation]

Quick summary

Clicking on the "Get this domain" upsell CTA Button in the Home dashboard early in the loading process will cause the said button to be perpetually stuck in the busy, loading state.

Steps to reproduce

1. log in as a site that does not have a domain mapped to it.
2. set the network speed to something very slow (eg. Slow 3G in Edge).
3. refresh or navigate to the /home page with the throttled network.
4. once the "Get this domain" button shows, immediately click on it.

What you expected to happen

User is redirected to the /checkout or /plans/yearly step, depending on whether they have a plan or not.

What actually happened

User is perpetually waiting for the redirect.

The Get this domain button is perpetually stuck at busy state.

https://github.com/Automattic/wp-calypso/assets/6549265/1d8c9a8c-fbbc-42a3-a3cf-37e21219b040

Impact

Most (> 50%)

Available workarounds?

Yes, easy to implement

Platform (Simple and/or Atomic)

Simple, Atomic

Logs or notes

Timing is key. The button has to be clicked/actioned upon when the Domain upsell card loads, but before rest of the Home dashboard loads (eg. sidebar, site setup, etc.).

The Slow 3G connection allows anyone looking to reproduce ample time to click on the button.

[cuemarie]

📌 SCRUBBING : RESULT - Replicated / Could Not Replicate / Uncertain

• Tested on Atomic – Replicated

📌 FINDINGS/SCREENSHOTS/VIDEO

• Replicated as described! If I click on Get this domain before the My Home page loads, the button retains it's is-busy class, which sets pointer-events: none so I can't click it.
• Refreshing the page updates that.

Screenshots/Recordings

Tested in Firefox with the network set to DSL to be able to click the button in time.

📌 ACTIONS

• Assigned to @Automattic/martech