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}>
|
<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}
|
||||||
|
Loading…
Reference in New Issue
Block a user