From 54dd7357a48bbd854422447f8153235586abdfee Mon Sep 17 00:00:00 2001
From: Ross <rossmchugh@gmail.com>
Date: Tue, 15 Oct 2024 21:09:05 +0200
Subject: [PATCH] Update overlay.phtml (#160)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Remove the pointer-events-none class from the overlay. This class disables pointer events, allowing interaction with elements behind the overlay, which defeats its purpose, especially for an overlay containing a spinner.

I encountered this issue while working on the Hyvä checkout with Stripe. If the user double-clicked 'Proceed to review & payments,' the Google Wallet payment option would sometimes appear twice, as each click caused digital wallet methods (like Google and Apple Pay) to initialize multiple times.
---
 src/view/frontend/templates/html/loader/overlay.phtml | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/view/frontend/templates/html/loader/overlay.phtml b/src/view/frontend/templates/html/loader/overlay.phtml
index ddbf478..48fc1c1 100644
--- a/src/view/frontend/templates/html/loader/overlay.phtml
+++ b/src/view/frontend/templates/html/loader/overlay.phtml
@@ -20,7 +20,6 @@ $magewireScripts = $block->getViewModel();
             top-0 left-0 right-0 bottom-0
             w-full h-screen
             overflow-hidden
-            pointer-events-none
             bg-white bg-opacity-90"
      <?php /* AlpineJS v2.x */ ?>
      x-spread="overlay()"