mirror/slate
1
0
Fork 0
mirror of https://github.com/ianstormtaylor/slate.git synced 2025-08-16 04:04:06 +02:00
Code Issues Releases Wiki Activity

iframe example - use an onLoad callback instead of the ref (#4758)

Browse Source 
* use an onLoad callback instead of the ref

* expect body to not be null on the iframe test

* remove onLoad prop
This commit is contained in:
Adrian
2022-01-11 00:21:20 +01:00
committed by GitHub
parent 8daa77e9fa
commit e3a325f8a6
2 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
cypress/integration/examples/iframe.ts
View File

@@ -12,6 +12,7 @@ const getIframeBody = () => {
.its('body') .its('body')
// automatically retries until body is loaded // automatically retries until body is loaded
.should('not.be.undefined') .should('not.be.undefined')
.should('not.be.null')
.then(cy.wrap) .then(cy.wrap)
) )
} }

13
site/examples/iframe.tsx
View File

@@ -105,14 +105,13 @@ const MarkButton = ({ format, icon }) => {
} }
const IFrame = ({ children, ...props }) => { const IFrame = ({ children, ...props }) => {
const [contentRef, setContentRef] = useState(null) const [iframeBody, setIframeBody] = useState(null)
const mountNode = const handleLoad = e => {
contentRef && setIframeBody(e.target.contentDocument.body)
contentRef.contentWindow && }
contentRef.contentWindow.document.body
return ( return (
<iframe {...props} ref={setContentRef}> <iframe srcDoc={`<!DOCTYPE html>`} {...props} onLoad={handleLoad}>
{mountNode && createPortal(React.Children.only(children), mountNode)} {iframeBody && createPortal(children, iframeBody)}
</iframe> </iframe>
) )
} }