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}
@@ -613,25 +599,12 @@ const TemplatePreview = ({
               cursor: panMode ? (isPanning ? 'grabbing' : 'grab') : undefined,
               touchAction: panMode ? 'none' : undefined
             }}
-          >
-            <Flex
-              justify='center'
-              align='center'
-              style={{
-                minWidth: '100%',
-                width: iframeSize.width,
-                height: iframeSize.height
-              }}
           >
             <div
               style={{
                 width: iframeSize.width,
                 height: iframeSize.height,
-                  cursor: panMode
+                cursor: panMode ? (isPanning ? 'grabbing' : 'grab') : undefined
-                    ? isPanning
-                      ? 'grabbing'
-                      : 'grab'
-                    : undefined
               }}
             >
               <iframe
@@ -650,7 +623,6 @@ const TemplatePreview = ({
                 }}
               />
             </div>
-            </Flex>
           </ScrollBox>
         ) : (
           <PDFViewer