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:
parent
a3f8aa110d
commit
85028eb00a
@ -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}
|
||||
|
Loading…
Reference in New Issue
Block a user