From 85028eb00ad3307d4812ccfcf31195e26ede294b Mon Sep 17 00:00:00 2001
From: Ronald Langeveld <hi@ronaldlangeveld.com>
Date: Wed, 21 Feb 2024 18:39:47 +0200
Subject: [PATCH] Changed invisible class to opacity (#19729)

no issue

- tried invisible tailwind class in main to hide the iframe in the
iframe buffering method, but it doesn't perform great, reverting that.
---
 apps/admin-x-settings/src/utils/IframeBuffering.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/admin-x-settings/src/utils/IframeBuffering.tsx b/apps/admin-x-settings/src/utils/IframeBuffering.tsx
index a9ce6d72eb..ff264576f0 100644
--- a/apps/admin-x-settings/src/utils/IframeBuffering.tsx
+++ b/apps/admin-x-settings/src/utils/IframeBuffering.tsx
@@ -70,7 +70,7 @@ const IframeBuffering: React.FC<IframeBufferingProps> = ({generateContent, class
         <div className={parentClassName} data-testid={testId}>
             <iframe
                 ref={iframes[0]}
-                className={`${className} ${visibleIframeIndex !== 0 ? 'invisible z-10' : 'z-20'}`}
+                className={`${className} ${visibleIframeIndex !== 0 ? 'z-10 opacity-0' : 'z-20 opacity-100'}`}
                 data-visible={visibleIframeIndex === 0}
                 frameBorder="0"
                 height={height}
@@ -80,7 +80,7 @@ const IframeBuffering: React.FC<IframeBufferingProps> = ({generateContent, class
 
             <iframe
                 ref={iframes[1]}
-                className={`${className} ${visibleIframeIndex !== 1 ? 'invisible z-10' : 'z-20'}`}
+                className={`${className} ${visibleIframeIndex !== 1 ? 'z-10 opacity-0' : 'z-20 opacity-100'}`}
                 data-visible={visibleIframeIndex === 1}
                 frameBorder="0"
                 height={height}