🐛(frontend) interlinking are exported correctly in print mode

Interlinking are now exported correctly in print
mode. The interlinking was not a link in print
mode, but now it is.

Author: AntoLC

CHANGELOG.md

@@ -12,6 +12,7 @@ and this project adheres to
 
 ### Fixed
 
+- 🐛(frontend) interlinking are exported correctly in print mode #2269
 - 💬(frontend) add missing link in onboarding description #2233
 - 🐛(frontend) sanitize pasted and dropped content in document title #2210
 - 🐛(frontend) Emoji menu doesn't display above comment box #2229
@@ -20,7 +21,7 @@ and this project adheres to
 
 ### Security
 
-- 🔒️(frontend) sanitize color during collaboration#2270
+- 🔒️(frontend) sanitize color during collaboration #2270
 
 
 ## [v5.0.0] - 2026-04-08

src/frontend/apps/e2e/__tests__/app-impress/assets/base-content-test-pdf.txt

@@ -66,6 +66,7 @@ export const LinkSelected = ({
     <BoxButton
       as="span"
       className="--docs--interlinking-link-inline-content"
+      data-href={href}
       onClick={handleClick}
       onAuxClick={handleAuxClick}
       draggable="false"

src/frontend/apps/e2e/__tests__/app-impress/assets/doc-export-PDF-browser-regressions.pdf

@@ -28,7 +28,8 @@ const PRINT_ONLY_CONTENT_CSS = `
   [role="contentinfo"],
   div[data-is-empty-and-focused="true"],
   div[data-floating-ui-focusable],
-  .collaboration-cursor-custom__base
+  .collaboration-cursor-custom__base,
+  .c__toast__container
    {
     display: none !important;
   }
@@ -243,6 +244,50 @@ function wrapMediaWithLink() {
   };
 }
 
+/**
+ * Wraps interlink inline content with anchor tags for printing,
+ * so they appear as clickable links in the printed PDF.
+ */
+function wrapInterlinksWithAnchor() {
+  const wrappedElements: Array<{
+    el: Element;
+    anchor: HTMLAnchorElement;
+    parent: Node;
+  }> = [];
+
+  document
+    .querySelectorAll('.--docs--interlinking-link-inline-content[data-href]')
+    .forEach((el) => {
+      const href = el.getAttribute('data-href');
+      if (!href || !isSafeUrl(href)) {
+        return;
+      }
+
+      const parent = el.parentNode;
+      if (!parent) {
+        return;
+      }
+
+      const anchor = document.createElement('a');
+      anchor.href = href;
+      anchor.target = '_blank';
+      anchor.rel = 'noopener noreferrer';
+      anchor.setAttribute('data-print-link', 'true');
+
+      parent.insertBefore(anchor, el);
+      anchor.appendChild(el);
+
+      wrappedElements.push({ el, anchor, parent });
+    });
+
+  return () => {
+    wrappedElements.forEach(({ el, anchor, parent }) => {
+      parent.insertBefore(el, anchor);
+      anchor.remove();
+    });
+  };
+}
+
 export function printDocumentWithStyles() {
   if (typeof window === 'undefined') {
     return;
@@ -253,7 +298,9 @@ export function printDocumentWithStyles() {
   // Small delay to ensure styles are applied
   setTimeout(() => {
     const cleanupLinks = wrapMediaWithLink();
+    const cleanupInterlinks = wrapInterlinksWithAnchor();
     const cleanup = () => {
+      cleanupInterlinks();
       cleanupLinks();
       cleanupPrintStyles();
     };