Cart/Checkout Blocked by Overlay When Using Stripe Link

  • Resolved Nik Cirkle

    (@nikulv)


    6 months, 4 weeks ago

    Hello WooCommerce Stripe Payment Gateway Team,

    I’m experiencing a critical issue on my WooCommerce store after enabling the “Link by Stripe – Express Checkouts” option in the Stripe plugin.

    When this option is active, the cart and checkout pages become unusable due to a full-page overlay (<div> with class blockUI blockOverlay). This overlay blocks all interactions, including clicking buttons or filling in input fields.

    To temporarily hide the overlay, I applied the following custom CSS:

    .woocommerce-cart .blockUI.blockOverlay,
    .woocommerce-checkout .blockUI.blockOverlay {
    display: none !important;
    }

    However, this is not a suitable long-term solution because:

    • Input fields on the checkout page become unresponsive.
    • It appears to interfere with normal form behavior (e.g., you can’t type into the fields properly).
    • It may create unexpected side effects during the checkout process.

    The issue disappears as soon as I disable the “Link by Stripe” feature, so it seems directly related to that setting. Once I disable the “Link by Stripe” option, everything works normally again.

    This behavior affects all users attempting to use Stripe Link on the cart or checkout pages.

    Could you please provide guidance or a fix for this issue?

    Thank you in advance for your help!

Viewing 10 replies - 1 through 10 (of 10 total)
  • Plugin Support shahzeen(woo-hc)

    (@shahzeenfarooq)

    6 months, 4 weeks ago

    Hi there!

    Thank you for bringing this to our attention.

    I have tried to replicate the issue on my site, but everything appears to be working fine on my end. To assist you further, could you please share the System Status Report, which you can find via WooCommerce > Status? Please also include your site URL so we can try to investigate the issue on your site.

    You can use https://pastebin.com/ or https://gist.github.com/ to share the report and then reply here with the link. Once we have more information, we’ll be able to assist you further.

    In the meantime, please try clearing your browser cache or disabling any caching plugins you may be using, and check the issue in an incognito/private browser window. Let us know how that goes.

    Thread Starter Nik Cirkle

    (@nikulv)

    6 months, 3 weeks ago

    Hii Team,

    This issue is occurring not just on one site, but across multiple sites. When I enable Link by Stripe, the overlay appears on the cart, checkout, and product pages initially, but then it stops working.

    I couldn’t find any relevant article or documentation about this issue in your Stripe documentation.

    Please investigate and resolve this overlay issue. Our report is attached at the link below. Kindly review it and let me know your findings.

    Link: https://gist.github.com/Nik4595/3ad9d2dec350a09c6336c7336ba074da

    Thanks.



    • This reply was modified 6 months, 3 weeks ago by Nik Cirkle.
    Plugin Support shahzeen(woo-hc)

    (@shahzeenfarooq)

    6 months, 3 weeks ago

    Hi there!

    Thank you for sharing the System Status Report. Currently, everything appears normal in the report. I have also checked the issue on your site — the Stripe by Link is enabled, but I am unable to replicate any issue on my end; everything seems to be working fine.

    Could you please try the following:

    1. Clear your browser cache.
    2. If you are using any browser extensions, temporarily disable them.
    3. Try checking the site in an incognito/private window to see if the issue still occurs.
    4. Ensure that the WooCommerce Table Rate Shipping plugin and all other plugins are up to date.

    If you still face the same issue after trying these steps, can you provide a video showing the issue on your end? For video, you may use https://loom.com

    Thnak you.

    Thread Starter Nik Cirkle

    (@nikulv)

    6 months, 3 weeks ago

    I have already cleared the browser cache and checked the issue in the incognito/private window before reaching out for support. I also removed the WooCommerce Table Rate Shipping plugin and verified that it was not the cause of the problem.

    The issue seems to be related to the Stripe Link module in your plugin. When the “Stripe Link” option is enabled, an overlay appears unexpectedly.

    I’ve attached a video below so you can see the behavior in action. Please take a look and advise on how to resolve this.

    Link: https://tinyurl.com/2yjlbcu9

    Plugin Support LovingBro (woo-hc)

    (@lovingbro)

    6 months, 3 weeks ago

    Hi @nikulv, I appreciate you sharing the screen recording, it’s really helpful to see exactly what’s happening on your end. I’ve tested your cart and checkout flow with Stripe Link enabled, but I’m not getting the overlay appearing on my side. Could you confirm if there’s any specific action you take before the overlay appears, such as clicking a button or selecting a payment method? This will help us narrow down the trigger and see if it’s environment or flow-specific.

    Thread Starter Nik Cirkle

    (@nikulv)

    6 months, 3 weeks ago

    Thanks for getting back to me. As shown in the video, the Stripe Link overlay appears automatically without any click action or manual trigger on my end.

    If you’re not experiencing the issue during your testing, could you please share a screen recording from your side? Specifically, try adding a product to the cart, then go to the cart page—after a short while, the overlay should appear automatically. This will help us compare the behavior and narrow down the cause.

    Plugin Support shahzeen(woo-hc)

    (@shahzeenfarooq)

    6 months, 3 weeks ago

    Hi there!

    Here’s a video recording showing that everything appears fine on my end: https://go.screenpal.com/watch/cTjoQbn2Dph

    It seems like there might be a browser extension causing the issue on your side. Could you please try checking in another browser or ensure you’re using the latest version of your browser?



    Thread Starter Nik Cirkle

    (@nikulv)

    6 months, 3 weeks ago

    Ok, thanks. Ignore now.

    Plugin Support Sai (woo-hc)

    (@saivutukuru)

    6 months, 3 weeks ago

    Glad to hear you’re all set! If you run into the Stripe Link overlay issue again, please try testing with all browser extensions disabled, in a different browser, and with your theme temporarily switched to Storefront to rule out conflicts. That can help quickly narrow down the cause next time.

    If you ever have a moment, we’d appreciate a quick review of our support here.
    Your feedback helps us improve.

    Thread Starter Nik Cirkle

    (@nikulv)

    6 months, 3 weeks ago

    Thanks

Viewing 10 replies - 1 through 10 (of 10 total)

The topic ‘Cart/Checkout Blocked by Overlay When Using Stripe Link’ is closed to new replies.

Tags