src/components/Dashboard/Management/DocumentJobs/NewDocumentJob.jsx

@@ -57,13 +57,7 @@ const NewDocumentJob = ({ onOk, defaultValues = {} }) => {
             disabled={downloading}
             sideBarGrow={true}
             sideBar={
-              <div
+              <div style={{ minHeight: '760px', flexGrow: 1 }}>
-                style={{
-                  height: 'calc(100vh - 240px)',
-                  flexGrow: 1,
-                  minWidth: 0
-                }}
-              >
                 <TemplatePreview
                   objectData={objectData?.object}
                   documentTemplate={objectData?.documentTemplate}

src/components/Dashboard/common/TemplatePreview.jsx

@@ -171,19 +171,6 @@ const TemplatePreview = ({
     setPreviewContentHTML(html)
   }
 
-  const clearIframeContents = useCallback(() => {
-    iframeSizeObserverRef.current?.disconnect()
-    iframeSizeObserverRef.current = null
-
-    const iframe = iframeRef.current
-    if (iframe) {
-      iframe.srcdoc = ''
-    }
-
-    setPreviewContentHTML('')
-    setIframeSize({ width: '100%', height: 'auto' })
-  }, [])
-
   const stopRenderProgressListener = useCallback(() => {
     if (typeof renderUnsubscribeRef.current === 'function') {
       renderUnsubscribeRef.current()
@@ -554,11 +541,10 @@ const TemplatePreview = ({
             disabled={loading || reloadLoading}
             value={previewType}
             onChange={(value) => {
+              setPreviewType(value)
               if (value == 'PDF') {
-                clearIframeContents()
                 setPDFBlob(null)
               }
-              setPreviewType(value)
             }}
           />
         ) : null}
@@ -614,43 +600,29 @@ const TemplatePreview = ({
               touchAction: panMode ? 'none' : undefined
             }}
           >
-            <Flex
+            <div
-              justify='center'
-              align='center'
               style={{
-                minWidth: '100%',
                 width: iframeSize.width,
-                height: iframeSize.height
+                height: iframeSize.height,
+                cursor: panMode ? (isPanning ? 'grabbing' : 'grab') : undefined
               }}
             >
-              <div
+              <iframe
+                ref={iframeRef}
+                srcDoc={previewContentHTML}
+                onLoad={handleIframeLoad}
+                scrolling='no'
+                frameBorder='0'
                 style={{
-                  width: iframeSize.width,
+                  width: '100%',
-                  height: iframeSize.height,
+                  height: iframeSize.height === 'auto' ? 150 : '100%',
-                  cursor: panMode
+                  display: 'block',
-                    ? isPanning
+                  border: 0,
-                      ? 'grabbing'
+                  overflow: 'hidden',
-                      : 'grab'
+                  pointerEvents: panMode ? 'none' : undefined
-                    : undefined
                 }}
-              >
+              />
-                <iframe
+            </div>
-                  ref={iframeRef}
-                  srcDoc={previewContentHTML}
-                  onLoad={handleIframeLoad}
-                  scrolling='no'
-                  frameBorder='0'
-                  style={{
-                    width: '100%',
-                    height: iframeSize.height === 'auto' ? 150 : '100%',
-                    display: 'block',
-                    border: 0,
-                    overflow: 'hidden',
-                    pointerEvents: panMode ? 'none' : undefined
-                  }}
-                />
-              </div>
-            </Flex>
           </ScrollBox>
         ) : (
           <PDFViewer