From 0cf9a5d9a74fa391b848e5d9becade7d8a3f9989 Mon Sep 17 00:00:00 2001
From: FlorianButz <fb8599422@gmail.com>
Date: Sun, 5 Apr 2026 20:34:53 +0200
Subject: [PATCH] fix: Only set display none on zap after dissolve

---
 src/zen/boosts/ZenZapDissolve.sys.mjs     | 5 +++++
 src/zen/boosts/ZenZapOverlayChild.sys.mjs | 4 ++--
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/zen/boosts/ZenZapDissolve.sys.mjs b/src/zen/boosts/ZenZapDissolve.sys.mjs
index 76402463c..f1d37b36c 100644
--- a/src/zen/boosts/ZenZapDissolve.sys.mjs
+++ b/src/zen/boosts/ZenZapDissolve.sys.mjs
@@ -156,6 +156,8 @@ void main() {
 
   #onComplete = null;
 
+  #onComplete = null;
+
   /**
    * @param {Document} document Webpage document
    */
@@ -485,6 +487,7 @@ void main() {
    * @param {Element} element The element to dissolve
    * @param {Function} onComplete Callback for when the animation is complete
    */
+  dissolve(element, onComplete) {
   dissolve(element, onComplete) {
     if (!this.#initialized || this.#hasTriggered || !element) {
       return;
@@ -493,6 +496,8 @@ void main() {
 
     this.#onComplete = onComplete;
 
+    this.#onComplete = onComplete;
+
     const rect = element.getBoundingClientRect();
     if (rect.width === 0 || rect.height === 0) {
       console.warn("[ZapDissolve]: element has zero size. Skipping dissolve");
diff --git a/src/zen/boosts/ZenZapOverlayChild.sys.mjs b/src/zen/boosts/ZenZapOverlayChild.sys.mjs
index 5635c0c4d..fbdd74d75 100644
--- a/src/zen/boosts/ZenZapOverlayChild.sys.mjs
+++ b/src/zen/boosts/ZenZapOverlayChild.sys.mjs
@@ -197,10 +197,10 @@ export class ZapOverlay {
             this.onZapUpdate();
 
             this.window.requestAnimationFrame(() => {
-              element.style.visibility = "initial";
+              element.style.removeProperty("opacity");
             });
           });
-          element.style.visibility = "hidden";
+          element.style.setProperty("opacity", "0", "!important");
         });
       });
     } else {