refactor: replace iframe with embed tag

bpmn-io · Dec 12, 2024 · bb132e0 · bb132e0
1 parent e2877e2
commit bb132e0
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 10 deletions.
diff --git a/packages/form-js-viewer/assets/form-js-base.css b/packages/form-js-viewer/assets/form-js-base.css
@@ -1197,10 +1197,9 @@
   z-index: 1;
 }
 
-.fjs-container .fjs-documentPreview-iframe {
+.fjs-container .fjs-documentPreview-pdf-viewer {
   all: unset;
   width: 100%;
-  overflow: auto;
   min-height: 400px;
 }
 

diff --git a/packages/form-js-viewer/src/render/components/form-fields/DocumentPreview.js b/packages/form-js-viewer/src/render/components/form-fields/DocumentPreview.js
@@ -198,14 +198,7 @@ function DocumentRenderer(props) {
         class={singleDocumentContainerClassName}
         style={{ maxHeight }}
         aria-describedby={hasError ? errorMessageId : undefined}>
-        <iframe src={fullUrl} class={`fjs-${type}-iframe`} />
-        <DownloadButton
-          endpoint={fullUrl}
-          fileName={metadata.fileName}
-          onDownloadError={() => {
-            setHasError(true);
-          }}
-        />
+        <embed src={fullUrl} type="application/pdf" class={`fjs-${type}-pdf-viewer`} />
         {hasError ? <Errors id={errorMessageId} errors={[errorMessage]} /> : null}
       </div>
     );