From c17d7496de9e9f03a89f03468478c4c206701e3c Mon Sep 17 00:00:00 2001
From: Alexander Onnikov <Alexander.Onnikov@xored.com>
Date: Tue, 24 Feb 2026 23:04:06 +0700
Subject: [PATCH] fix: embed html instead of showing in iframe

Signed-off-by: Alexander Onnikov <Alexander.Onnikov@xored.com>
---
 .../ui/src/components/EmbeddedHTML.svelte     | 52 +++++++++++++++++++
 packages/ui/src/index.ts                      |  1 +
 .../src/components/DOCXViewer.svelte          |  4 +-
 3 files changed, 55 insertions(+), 2 deletions(-)
 create mode 100644 packages/ui/src/components/EmbeddedHTML.svelte

diff --git a/packages/ui/src/components/EmbeddedHTML.svelte b/packages/ui/src/components/EmbeddedHTML.svelte
new file mode 100644
index 00000000000..e8cd5adfb72
--- /dev/null
+++ b/packages/ui/src/components/EmbeddedHTML.svelte
@@ -0,0 +1,52 @@
+<!--
+// Copyright © 2026 Hardcore Engineering Inc.
+//
+// Licensed under the Eclipse Public License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License. You may
+// obtain a copy of the License at https://www.eclipse.org/legal/epl-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+//
+// See the License for the specific language governing permissions and
+// limitations under the License.
+-->
+
+<script lang="ts">
+  import { onDestroy } from 'svelte'
+  import EmbeddedPDF from './EmbeddedPDF.svelte'
+  import Loading from './Loading.svelte'
+
+  export let src: string
+  export let name: string
+  export let fit: boolean = false
+  export let css: string | undefined = undefined
+
+  let iframeSrc: string | undefined
+
+  async function loadFile (src: string): Promise<void> {
+    if (iframeSrc !== undefined) {
+      URL.revokeObjectURL(iframeSrc)
+      iframeSrc = undefined
+    }
+
+    const response = await fetch(src)
+    const blob = await response.blob()
+    iframeSrc = URL.createObjectURL(blob)
+  }
+
+  $: void loadFile(src)
+
+  onDestroy(() => {
+    if (iframeSrc !== undefined) {
+      URL.revokeObjectURL(iframeSrc)
+    }
+  })
+</script>
+
+{#if iframeSrc}
+  <EmbeddedPDF src={iframeSrc} {name} {fit} {css} />
+{:else}
+  <Loading />
+{/if}
diff --git a/packages/ui/src/index.ts b/packages/ui/src/index.ts
index 5dd99ead294..b489add0873 100644
--- a/packages/ui/src/index.ts
+++ b/packages/ui/src/index.ts
@@ -284,6 +284,7 @@ export { default as CodeForm } from './components/CodeForm.svelte'
 export { default as CodeInput } from './components/CodeInput.svelte'
 export { default as TimeLeft } from './components/TimeLeft.svelte'
 export { default as SectionEmpty } from './components/SectionEmpty.svelte'
+export { default as EmbeddedHTML } from './components/EmbeddedHTML.svelte'
 export { default as EmbeddedPDF } from './components/EmbeddedPDF.svelte'
 export { default as NestedMenu } from './components/NestedMenu.svelte'
 export { default as NestedDropdown } from './components/NestedDropdown.svelte'
diff --git a/plugins/print-resources/src/components/DOCXViewer.svelte b/plugins/print-resources/src/components/DOCXViewer.svelte
index 70c35181036..73bd02cc6f3 100644
--- a/plugins/print-resources/src/components/DOCXViewer.svelte
+++ b/plugins/print-resources/src/components/DOCXViewer.svelte
@@ -9,7 +9,7 @@
   import { getMetadata } from '@hcengineering/platform'
   import presentation, { getFileUrl } from '@hcengineering/presentation'
   import { convertToHTML } from '@hcengineering/print'
-  import { EmbeddedPDF, Spinner, themeStore } from '@hcengineering/ui'
+  import { EmbeddedHTML, Spinner, themeStore } from '@hcengineering/ui'
 
   export let value: Ref<Blob>
   export let name: string
@@ -270,7 +270,7 @@
       <Spinner size="medium" />
     </div>
   {:else}
-    <EmbeddedPDF {src} {name} {css} />
+    <EmbeddedHTML {src} {name} {css} />
   {/if}
 {/if}