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.
This commit is contained in:
Ronald Langeveld 2024-02-21 18:39:47 +02:00 committed by GitHub
parent a3f8aa110d
commit 85028eb00a
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -70,7 +70,7 @@ const IframeBuffering: React.FC<IframeBufferingProps> = ({generateContent, class
<div className={parentClassName} data-testid={testId}> <div className={parentClassName} data-testid={testId}>
<iframe <iframe
ref={iframes[0]} 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} data-visible={visibleIframeIndex === 0}
frameBorder="0" frameBorder="0"
height={height} height={height}
@ -80,7 +80,7 @@ const IframeBuffering: React.FC<IframeBufferingProps> = ({generateContent, class
<iframe <iframe
ref={iframes[1]} 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} data-visible={visibleIframeIndex === 1}
frameBorder="0" frameBorder="0"
height={height} height={height}