diff --git a/src/components/Preview.js b/src/components/Preview.js index 43f5ce75..a2899133 100644 --- a/src/components/Preview.js +++ b/src/components/Preview.js @@ -34,8 +34,18 @@ function Preview({ markup, variant, forwardedRef, dispatch }) { const frameRef = useRef(); - const refSetter = useCallback((node) => { - frameRef.current = node; + useEffect(() => { + if (!frameRef.current) { + return; + } + + frameRef.current.contentWindow.addEventListener('click', () => { + const click = new MouseEvent('mousedown', { + bubbles: true, + cancelable: true, + }); + document.body.dispatchEvent(click); + }); }, []); const handleLoadIframe = useCallback(() => { @@ -88,7 +98,7 @@ function Preview({ markup, variant, forwardedRef, dispatch }) { return (