From 520e41dbfceff60faa62347e1c364be673572bd5 Mon Sep 17 00:00:00 2001
From: Torben Buck <dev@tbuck.de>
Date: Tue, 13 Oct 2026 00:59:49 +0200
Subject: [PATCH 1/2] feat: add print option for the displayed message

Adds a print button to the message header and a Ctrl/Cmd+P shortcut.
Print styles reduce the page to the message itself and always print
light, keeping the sender's original colors. Grants the Tauri
webview print permission needed on macOS.

Closes #107

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 src-tauri/capabilities/default.json     |  1 +
 src-tauri/gen/schemas/capabilities.json |  2 +-
 src/js/KeyboardManager.js               |  1 +
 src/js/KeyboardShortcuts.js             |  7 ++
 src/js/ui/MessageContentRenderer.js     | 15 ++--
 src/js/ui/UIManager.js                  | 43 +++++++++++
 src/styles.css                          | 99 +++++++++++++++++++++++++
 tests/KeyboardManager.test.js           | 14 ++++
 tests/UIManager.test.js                 | 85 +++++++++++++++++++++
 9 files changed, 260 insertions(+), 7 deletions(-)

diff --git a/src-tauri/capabilities/default.json b/src-tauri/capabilities/default.json
index c141aade..9563dd6a 100644
--- a/src-tauri/capabilities/default.json
+++ b/src-tauri/capabilities/default.json
@@ -7,6 +7,7 @@
     "core:default",
     "core:webview:allow-webview-position",
     "core:webview:allow-set-webview-focus",
+    "core:webview:allow-print",
     "core:window:default",
     "fs:default",
     "fs:allow-read-text-file",
diff --git a/src-tauri/gen/schemas/capabilities.json b/src-tauri/gen/schemas/capabilities.json
index 0b0660e4..204a2e33 100644
--- a/src-tauri/gen/schemas/capabilities.json
+++ b/src-tauri/gen/schemas/capabilities.json
@@ -1 +1 @@
-{"default":{"identifier":"default","description":"Default permissions for msgReader","local":true,"windows":["main"],"permissions":["core:default","core:webview:allow-webview-position","core:webview:allow-set-webview-focus","core:window:default","fs:default","fs:allow-read-text-file","fs:allow-read-file","updater:default","dialog:default","process:default"]}}
\ No newline at end of file
+{"default":{"identifier":"default","description":"Default permissions for msgReader","local":true,"windows":["main"],"permissions":["core:default","core:webview:allow-webview-position","core:webview:allow-set-webview-focus","core:webview:allow-print","core:window:default","fs:default","fs:allow-read-text-file","fs:allow-read-file","updater:default","dialog:default","process:default"]}}
\ No newline at end of file
diff --git a/src/js/KeyboardManager.js b/src/js/KeyboardManager.js
index 681b29e8..283c9266 100644
--- a/src/js/KeyboardManager.js
+++ b/src/js/KeyboardManager.js
@@ -68,6 +68,7 @@ class KeyboardManager {
             ['togglePin', () => this.toggleCurrentPin()],
             ['deleteMessage', () => this.deleteCurrentMessage()],
             ['openFilePicker', () => this.openFilePicker()],
+            ['printMessage', () => this.app.uiManager.printMessage()],
             ['focusSearch', () => this.focusSearch()],
             ['clearSearch', () => this.clearSearch()],
             ['closeModal', () => this.closeCurrentModal()],
diff --git a/src/js/KeyboardShortcuts.js b/src/js/KeyboardShortcuts.js
index a5f5134b..8e464a37 100644
--- a/src/js/KeyboardShortcuts.js
+++ b/src/js/KeyboardShortcuts.js
@@ -84,6 +84,12 @@ export const SHORTCUTS = {
             contexts: [KEYBOARD_CONTEXTS.MAIN],
             description: 'Open file picker'
         },
+        {
+            keys: ['Ctrl+p', 'Meta+p'],
+            action: 'printMessage',
+            contexts: [KEYBOARD_CONTEXTS.MAIN],
+            description: 'Print message'
+        },
         {
             keys: ['/'],
             action: 'focusSearch',
@@ -156,6 +162,7 @@ export const HELP_MODAL_SECTIONS = [
             { keys: ['s'], description: 'Pin/unpin message' },
             { keys: ['Delete'], description: 'Delete message' },
             { keys: ['Ctrl/\u2318+O'], description: 'Open file picker' },
+            { keys: ['Ctrl/\u2318+P'], description: 'Print message' },
             { keys: ['/'], description: 'Focus search' },
             { keys: ['t'], description: 'Toggle theme' }
         ]
diff --git a/src/js/ui/MessageContentRenderer.js b/src/js/ui/MessageContentRenderer.js
index 6e7a5b8a..55265b8c 100644
--- a/src/js/ui/MessageContentRenderer.js
+++ b/src/js/ui/MessageContentRenderer.js
@@ -63,6 +63,11 @@ export class MessageContentRenderer {
                             ${canDownloadOriginal ? `<button data-action="export-message" data-index="${messageIndex}" data-format="original" class="message-export-item">Download original ${msgInfo._fileType.toUpperCase()}</button>` : ''}
                         </div>
                     </div>
+                    <button data-action="print-message" data-index="${messageIndex}" class="action-button rounded-full" title="print message">
+                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
+                            <path stroke-linecap="round" stroke-linejoin="round" d="M6.72 13.829c-.24.03-.48.062-.72.096m.72-.096a42.415 42.415 0 0 1 10.56 0m-10.56 0L6.34 18m10.94-4.171c.24.03.48.062.72.096m-.72-.096L17.66 18m0 0 .229 2.523a1.125 1.125 0 0 1-1.12 1.227H7.231c-.662 0-1.18-.568-1.12-1.227L6.34 18m11.318 0h1.091A2.25 2.25 0 0 0 21 15.75V9.456c0-1.081-.768-2.015-1.837-2.175a48.055 48.055 0 0 0-1.913-.247M6.34 18H5.25A2.25 2.25 0 0 1 3 15.75V9.456c0-1.081.768-2.015 1.837-2.175a48.041 48.041 0 0 1 1.913-.247m10.5 0a48.536 48.536 0 0 0-10.5 0m10.5 0V3.375c0-.621-.504-1.125-1.125-1.125h-8.25c-.621 0-1.125.504-1.125 1.125v3.659M18 10.5h.008v.008H18V10.5Zm-3 0h.008v.008H15V10.5Z" />
+                        </svg>
+                    </button>
                     <button data-action="pin" data-index="${messageIndex}" class="action-button rounded-full ${isPinned ? 'pinned' : ''}" title="bookmark message">
                         <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
                             <path stroke-linecap="round" stroke-linejoin="round" d="M17.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0 1 11.186 0Z" />
@@ -300,13 +305,11 @@ export class MessageContentRenderer {
 
             // WCAG AA requires 4.5:1 for normal text, we use 3:1 as minimum
             if (contrast < 3) {
-                // Lighten the color for dark backgrounds
+                // Lighten the color for dark backgrounds. Applied via a screen-only
+                // CSS rule so printouts keep the sender's original colors.
                 const adjustedColor = adjustColorForContrast(color, bgColor);
-                const newStyle = style.replace(
-                    /(?:^|;)(\s*color\s*:\s*)([^;]+)/i,
-                    `$1${adjustedColor}`
-                );
-                el.setAttribute('style', newStyle);
+                el.style.setProperty('--contrast-adjusted-color', adjustedColor);
+                el.dataset.contrastAdjusted = 'true';
             }
         });
     }
diff --git a/src/js/ui/UIManager.js b/src/js/ui/UIManager.js
index 634c435f..6255c8e7 100644
--- a/src/js/ui/UIManager.js
+++ b/src/js/ui/UIManager.js
@@ -62,6 +62,7 @@ class UIManager {
         this.devPanel = null;
         this.initEventDelegation();
         this.initSearchListeners();
+        this.initPrintTitle();
         this.updateBulkActions();
     }
 
@@ -224,6 +225,8 @@ class UIManager {
             else if (action === 'toggle-export-menu') {
                 e.stopPropagation();
                 this.toggleExportMenu(btn);
+            } else if (action === 'print-message') {
+                this.printMessage();
             } else if (action === 'export-message') {
                 const message = this.messageHandler.getMessages()[index];
                 if (message) {
@@ -858,6 +861,46 @@ class UIManager {
         URL.revokeObjectURL(objectUrl);
     }
 
+    /**
+     * Uses the subject as document title while printing, so the print header
+     * and the suggested PDF file name match the message
+     */
+    initPrintTitle() {
+        let titleBeforePrint = null;
+
+        window.addEventListener('beforeprint', () => {
+            const subject = this.messageHandler.getCurrentMessage()?.subject;
+            if (!subject) return;
+            titleBeforePrint = document.title;
+            document.title = subject;
+        });
+
+        window.addEventListener('afterprint', () => {
+            if (titleBeforePrint === null) return;
+            document.title = titleBeforePrint;
+            titleBeforePrint = null;
+        });
+    }
+
+    /**
+     * Opens the print dialog for the currently displayed message.
+     * Print styles in styles.css reduce the page to the message itself.
+     */
+    printMessage() {
+        if (!this.messageHandler.getCurrentMessage()) {
+            this.showInfo('Select a message to print');
+            return;
+        }
+
+        // Tauri on macOS replaces window.print with an IPC call that returns a promise
+        Promise.resolve()
+            .then(() => window.print())
+            .catch((error) => {
+                console.error('Failed to print message:', error);
+                this.showError('Failed to open print dialog');
+            });
+    }
+
     /**
      * Exports a message in the requested format
      * @param {Object} message - Message object
diff --git a/src/styles.css b/src/styles.css
index 2d6a8857..364e69c0 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -1945,6 +1945,13 @@
         color: #3b82f6;
     }
 
+    /* Dark-mode contrast fixes from MessageContentRenderer; print keeps original colors */
+    @media screen {
+        .email-content [data-contrast-adjusted] {
+            color: var(--contrast-adjusted-color) !important;
+        }
+    }
+
     /* ========================================
        Message Viewer Wrapper (for DevPanel)
        ======================================== */
@@ -2197,3 +2204,95 @@
         color: var(--text-secondary);
     }
 }
+
+/* ========================================
+   Print: only the displayed message, always light
+   ======================================== */
+@media print {
+    @page {
+        margin: 15mm;
+    }
+
+    :root,
+    :root.dark {
+        color-scheme: light;
+        --primary-color: #1d4ed8;
+        --background-color: #ffffff;
+        --text-color: #0f172a;
+        --surface-color: #ffffff;
+        --surface-secondary: #f1f5f9;
+        --border-color: #cbd5e1;
+        --text-primary: #0f172a;
+        --text-secondary: #334155;
+        --text-tertiary: #475569;
+        --text-muted: #64748b;
+    }
+
+    html,
+    body {
+        height: auto;
+        overflow: visible;
+        background: #ffffff;
+    }
+
+    body > :not(#appContainer),
+    #appContainer > :not(.message-viewer-wrapper),
+    .message-viewer-wrapper > :not(#messageViewer),
+    .message-actions,
+    .attachment-section-inline,
+    .attachment-download-btn {
+        display: none !important;
+    }
+
+    #appContainer,
+    .message-viewer-wrapper,
+    .message-viewer {
+        display: block !important;
+        position: static;
+        width: auto;
+        height: auto;
+        min-height: 0;
+        overflow: visible;
+        padding: 0;
+        background: none;
+    }
+
+    .message-header {
+        margin-bottom: 0.75rem;
+    }
+
+    .message-title {
+        padding-left: 0;
+        font-size: 1.125rem;
+    }
+
+    .message-card {
+        padding: 0;
+        border: none;
+        border-radius: 0;
+    }
+
+    .message-card > .mb-4 {
+        padding-bottom: 0.75rem;
+        border-bottom: 1px solid var(--border-color);
+    }
+
+    .email-content,
+    :root.dark[data-email-theme='light'] .email-content {
+        overflow: visible;
+        padding: 0;
+        background: none;
+        color: var(--text-primary);
+        /* Print what the sender designed, including colored banners and table cells */
+        print-color-adjust: exact;
+    }
+
+    .email-content table {
+        overflow: visible;
+    }
+
+    .email-content img,
+    .message-card .attachment-item {
+        break-inside: avoid;
+    }
+}
diff --git a/tests/KeyboardManager.test.js b/tests/KeyboardManager.test.js
index 8dcbcf6b..86dc6056 100644
--- a/tests/KeyboardManager.test.js
+++ b/tests/KeyboardManager.test.js
@@ -77,6 +77,7 @@ describe('KeyboardManager', () => {
                 showNextAttachment: jest.fn(),
                 focusSearch: jest.fn(),
                 clearSearch: jest.fn(),
+                printMessage: jest.fn(),
                 searchManager: {
                     isSearchActive: jest.fn(() => false)
                 },
@@ -340,6 +341,19 @@ describe('KeyboardManager', () => {
             expect(clickSpy).toHaveBeenCalled();
         });
 
+        test('Ctrl+p prints the current message', () => {
+            const event = createKeyEvent('p', { ctrlKey: true });
+            keyboardManager.handleKeyDown(event);
+            expect(mockApp.uiManager.printMessage).toHaveBeenCalled();
+            expect(event.defaultPrevented).toBe(true);
+        });
+
+        test('Meta+p (Cmd+p) prints the current message', () => {
+            const event = createKeyEvent('p', { metaKey: true });
+            keyboardManager.handleKeyDown(event);
+            expect(mockApp.uiManager.printMessage).toHaveBeenCalled();
+        });
+
         test('? key shows help modal', () => {
             const showHelpSpy = jest.spyOn(keyboardManager, 'showHelpModal');
             const event = createKeyEvent('?');
diff --git a/tests/UIManager.test.js b/tests/UIManager.test.js
index 6e230e8c..9524525c 100644
--- a/tests/UIManager.test.js
+++ b/tests/UIManager.test.js
@@ -425,6 +425,91 @@ describe('UIManager (Facade)', () => {
         });
     });
 
+    describe('Printing', () => {
+        let printSpy;
+
+        beforeEach(() => {
+            printSpy = jest.fn();
+            window.print = printSpy;
+        });
+
+        afterEach(() => {
+            delete window.print;
+        });
+
+        test('clicking print-message calls printMessage', () => {
+            const spy = jest.spyOn(uiManager, 'printMessage').mockImplementation(() => {});
+            const viewer = document.getElementById('messageViewer');
+            viewer.innerHTML = '<button data-action="print-message" data-index="0">Print</button>';
+
+            viewer.querySelector('[data-action="print-message"]').click();
+
+            expect(spy).toHaveBeenCalled();
+        });
+
+        test('rendered message header contains a print button', () => {
+            const message = createMockMessage();
+            mockMessageHandler.getMessages.mockReturnValue([message]);
+
+            uiManager.showMessage(message);
+
+            expect(document.querySelector('[data-action="print-message"]')).not.toBeNull();
+        });
+
+        test('printMessage opens the print dialog for the current message', async () => {
+            mockMessageHandler.getCurrentMessage.mockReturnValue(createMockMessage());
+
+            uiManager.printMessage();
+            await Promise.resolve();
+
+            expect(printSpy).toHaveBeenCalledTimes(1);
+        });
+
+        test('printMessage shows a hint when no message is displayed', async () => {
+            const showInfoSpy = jest.spyOn(uiManager, 'showInfo').mockImplementation(() => {});
+
+            uiManager.printMessage();
+            await Promise.resolve();
+
+            expect(printSpy).not.toHaveBeenCalled();
+            expect(showInfoSpy).toHaveBeenCalledWith('Select a message to print');
+        });
+
+        test('printMessage reports a rejected native print call', async () => {
+            mockMessageHandler.getCurrentMessage.mockReturnValue(createMockMessage());
+            window.print = jest.fn(() => Promise.reject(new Error('not allowed')));
+            const showErrorSpy = jest.spyOn(uiManager, 'showError').mockImplementation(() => {});
+            const consoleSpy = jest.spyOn(console, 'error').mockImplementation(() => {});
+
+            uiManager.printMessage();
+            await new Promise((resolve) => setTimeout(resolve, 0));
+
+            expect(showErrorSpy).toHaveBeenCalledWith('Failed to open print dialog');
+            consoleSpy.mockRestore();
+        });
+
+        test('uses the message subject as document title while printing', () => {
+            const listeners = {};
+            const addListenerSpy = jest
+                .spyOn(window, 'addEventListener')
+                .mockImplementation((type, listener) => {
+                    listeners[type] = listener;
+                });
+            new UIManager(mockMessageHandler);
+            addListenerSpy.mockRestore();
+            mockMessageHandler.getCurrentMessage.mockReturnValue(
+                createMockMessage({ subject: 'Quarterly report' })
+            );
+            document.title = 'msgReader';
+
+            listeners.beforeprint();
+            expect(document.title).toBe('Quarterly report');
+
+            listeners.afterprint();
+            expect(document.title).toBe('msgReader');
+        });
+    });
+
     describe('Message exports', () => {
         test('uses Tauri save dialog for EML exports', async () => {
             isTauri.mockReturnValue(true);

From 3138fd05974f625654e2b6b192d8e3a7b4a0c2a6 Mon Sep 17 00:00:00 2001
From: Torben Buck <dev@tbuck.de>
Date: Tue, 13 Oct 2026 11:49:10 +0200
Subject: [PATCH 2/2] fix: prevent truncated macOS message printouts

Apply 15 mm margins to NSPrintInfo before native pagination instead of letting the print panel apply CSS page margins after computing the page count. Preserve CSS margins for browser and other desktop printing.

Verified the native print button and Cmd+P in light and dark themes. The 60-section fixture now prints completely on 9 pages. Add print routing tests and document the native regression check.
---
 doc/contributing.md           |  23 +++
 index.html                    |   6 +
 src-tauri/Cargo.lock          |   1 +
 src-tauri/Cargo.toml          |   3 +
 src-tauri/src/lib.rs          |   4 +-
 src-tauri/src/printing.rs     |  57 +++++++
 src/js/tauri-bridge.js        |  38 ++++-
 src/js/ui/UIManager.js        |   5 +-
 src/styles.css                |   4 -
 tests/UIManager.test.js       |   2 +
 tests/fixtures/print-long.eml | 290 ++++++++++++++++++++++++++++++++++
 tests/tauriBridge.test.js     |  80 +++++++++-
 12 files changed, 496 insertions(+), 17 deletions(-)
 create mode 100644 src-tauri/src/printing.rs
 create mode 100644 tests/fixtures/print-long.eml

diff --git a/doc/contributing.md b/doc/contributing.md
index 32bffe6f..59776461 100644
--- a/doc/contributing.md
+++ b/doc/contributing.md
@@ -141,6 +141,29 @@ make mocks-bulk COUNT=100   # Generate bulk emails for performance testing
 
 ---
 
+## macOS print regression
+
+The native WebKit print panel can calculate the page count before applying CSS
+`@page` margins. This can truncate long messages even though the dialog offers
+multiple pages. macOS printing therefore sets 15 mm margins on `NSPrintInfo`
+before pagination and disables CSS page margins for that webview. Other platforms
+continue to use `window.print()` and the print stylesheet.
+
+To verify the native path:
+
+1. Run `npm run tauri:dev` and open `tests/fixtures/print-long.eml`.
+2. Use the message header's print button, then select PDF > Open in Preview.
+3. Check that the final page contains section 60 and `ENDE DER NACHRICHT`.
+4. Repeat with Cmd+P, in both light and dark app themes.
+5. Check that the printed pages have a light background, margins, message
+   metadata and body, with no app sidebar or action buttons.
+
+Jest covers print routing and error handling. This regression also needs the
+native dialog check: directly saving a PDF from an offscreen `WKWebView` does not
+reproduce the print panel's pagination behavior.
+
+---
+
 ## Project Structure
 
 ```
diff --git a/index.html b/index.html
index 2c6ade87..437c8d11 100644
--- a/index.html
+++ b/index.html
@@ -5,6 +5,12 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>msgReader</title>
+    <!-- macOS disables CSS page margins and sets them on the native print job. -->
+    <style id="printPageMargins">
+        @media print {
+            @page { margin: 15mm; }
+        }
+    </style>
     <link rel="icon" type="image/svg+xml" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%233b82f6' class='size-6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M21.75 6.75v10.5a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0 0 19.5 4.5h-15a2.25 2.25 0 0 0-2.25 2.25m19.5 0v.243a2.25 2.25 0 0 1-1.07 1.916l-7.5 4.615a2.25 2.25 0 0 1-2.36 0L3.32 8.91a2.25 2.25 0 0 1-1.07-1.916V6.75'/%3E%3C/svg%3E">
     <script type="module" src="/src/js/main.js"></script>
 </head>
diff --git a/src-tauri/Cargo.lock b/src-tauri/Cargo.lock
index cc3c1aee..176eb3f8 100644
--- a/src-tauri/Cargo.lock
+++ b/src-tauri/Cargo.lock
@@ -2011,6 +2011,7 @@ name = "msg-reader"
 version = "1.0.0"
 dependencies = [
  "base64 0.22.1",
+ "objc2 0.6.4",
  "serde",
  "serde_json",
  "tauri",
diff --git a/src-tauri/Cargo.toml b/src-tauri/Cargo.toml
index 6e21736d..11e6da13 100644
--- a/src-tauri/Cargo.toml
+++ b/src-tauri/Cargo.toml
@@ -23,6 +23,9 @@ serde = { version = "1", features = ["derive"] }
 serde_json = "1"
 base64 = "0.22"
 
+[target.'cfg(target_os = "macos")'.dependencies]
+objc2 = "0.6"
+
 [profile.release]
 panic = "abort"
 codegen-units = 1
diff --git a/src-tauri/src/lib.rs b/src-tauri/src/lib.rs
index d8854079..26457f8b 100644
--- a/src-tauri/src/lib.rs
+++ b/src-tauri/src/lib.rs
@@ -4,6 +4,8 @@ use tauri::{AppHandle, Emitter, Manager};
 use std::io::Write;
 use tauri_plugin_dialog::DialogExt;
 
+mod printing;
+
 /// Store pending file paths for when app is launched via file association
 pub struct PendingFiles(pub Mutex<Vec<PathBuf>>);
 
@@ -182,7 +184,7 @@ pub fn run() {
 
             Ok(())
         })
-        .invoke_handler(tauri::generate_handler![read_file_as_bytes, get_pending_files, open_file_with_system, save_file_with_dialog]);
+        .invoke_handler(tauri::generate_handler![read_file_as_bytes, get_pending_files, open_file_with_system, save_file_with_dialog, printing::print_message]);
 
     builder
         .build(tauri::generate_context!())
diff --git a/src-tauri/src/printing.rs b/src-tauri/src/printing.rs
new file mode 100644
index 00000000..0b8b1336
--- /dev/null
+++ b/src-tauri/src/printing.rs
@@ -0,0 +1,57 @@
+use tauri::WebviewWindow;
+
+/// Opens the native print panel with margins applied before WebKit paginates.
+#[tauri::command]
+pub async fn print_message(window: WebviewWindow) -> Result<(), String> {
+    #[cfg(target_os = "macos")]
+    {
+        use objc2::{class, msg_send, rc::Retained, runtime::AnyObject, sel};
+        use std::sync::mpsc;
+
+        let (sender, receiver) = mpsc::channel();
+        window
+            .with_webview(move |webview| {
+                // Tauri runs this closure on the main thread and keeps the
+                // WKWebView alive. Retained Objective-C objects own the print
+                // settings and operation throughout setup of the native sheet.
+                let result = unsafe {
+                    let view = &*webview.inner().cast::<AnyObject>();
+                    let supported: bool =
+                        msg_send![view, respondsToSelector: sel!(printOperationWithPrintInfo:)];
+                    if !supported {
+                        Err("Native printing requires macOS 11 or later".to_string())
+                    } else {
+                        let shared: Retained<AnyObject> =
+                            msg_send![class!(NSPrintInfo), sharedPrintInfo];
+                        let info: Retained<AnyObject> = msg_send![&*shared, copy];
+                        let margin = 15.0 * 72.0 / 25.4;
+                        let _: () = msg_send![&*info, setTopMargin: margin];
+                        let _: () = msg_send![&*info, setRightMargin: margin];
+                        let _: () = msg_send![&*info, setBottomMargin: margin];
+                        let _: () = msg_send![&*info, setLeftMargin: margin];
+                        let operation: Retained<AnyObject> =
+                            msg_send![view, printOperationWithPrintInfo: &*info];
+                        let native_window: Retained<AnyObject> = msg_send![view, window];
+                        let _: () = msg_send![&*operation, setCanSpawnSeparateThread: true];
+                        let _: () = msg_send![&*operation,
+                            runOperationModalForWindow: &*native_window,
+                            delegate: std::ptr::null::<AnyObject>(),
+                            didRunSelector: None::<objc2::runtime::Sel>,
+                            contextInfo: std::ptr::null_mut::<std::ffi::c_void>()
+                        ];
+                        Ok(())
+                    }
+                };
+                let _ = sender.send(result);
+            })
+            .map_err(|error| error.to_string())?;
+
+        tauri::async_runtime::spawn_blocking(move || receiver.recv())
+            .await
+            .map_err(|error| error.to_string())?
+            .map_err(|error| error.to_string())?
+    }
+
+    #[cfg(not(target_os = "macos"))]
+    window.print().map_err(|error| error.to_string())
+}
diff --git a/src/js/tauri-bridge.js b/src/js/tauri-bridge.js
index bd77cce1..ac8478c2 100644
--- a/src/js/tauri-bridge.js
+++ b/src/js/tauri-bridge.js
@@ -9,9 +9,7 @@
  * @returns {boolean} True if running in Tauri
  */
 export function isTauri() {
-    return (
-        typeof window !== 'undefined' && window.__TAURI_INTERNALS__ !== undefined
-    );
+    return typeof window !== 'undefined' && window.__TAURI_INTERNALS__ !== undefined;
 }
 
 // Lazy-loaded Tauri APIs to avoid errors in browser context
@@ -27,13 +25,37 @@ async function getTauriApis() {
 
     const [{ invoke }, { listen }] = await Promise.all([
         import('@tauri-apps/api/core'),
-        import('@tauri-apps/api/event'),
+        import('@tauri-apps/api/event')
     ]);
 
     tauriApis = { invoke, listen };
     return tauriApis;
 }
 
+/**
+ * Prints the current webview with native page margins on macOS.
+ * WebKit's print panel can paginate before applying CSS @page margins,
+ * so those margins must be set on NSPrintInfo instead.
+ * @returns {Promise<void>}
+ */
+export async function printWebview() {
+    if (!isTauri() || !navigator.platform.startsWith('Mac')) {
+        return window.print();
+    }
+
+    const apis = await getTauriApis();
+    const pageMargins = document.getElementById('printPageMargins')?.sheet;
+    const marginsWereDisabled = pageMargins?.disabled;
+    if (pageMargins) pageMargins.disabled = true;
+
+    try {
+        await apis.invoke('print_message');
+    } catch (error) {
+        if (pageMargins) pageMargins.disabled = marginsWereDisabled;
+        throw error;
+    }
+}
+
 /**
  * Read a file from the filesystem using Tauri
  * @param {string} filePath - Absolute path to the file
@@ -109,7 +131,7 @@ export async function openWithSystemViewer(base64Data, fileName) {
     // Call Rust command to save and open the file
     await invoke('open_file_with_system', {
         base64Content,
-        fileName,
+        fileName
     });
 }
 
@@ -132,7 +154,7 @@ export async function saveFileWithDialog(base64Data, fileName) {
     // Call Rust command to show save dialog and save file
     return await invoke('save_file_with_dialog', {
         base64Content,
-        fileName,
+        fileName
     });
 }
 
@@ -151,7 +173,7 @@ export function parseReleaseVersion(version) {
     return {
         major: Number(match[1]),
         minor: Number(match[2]),
-        patch: Number(match[3]),
+        patch: Number(match[3])
     };
 }
 
@@ -207,7 +229,7 @@ export async function checkForUpdates() {
                     title: 'Update available',
                     kind: 'info',
                     okLabel: 'Update',
-                    cancelLabel: 'Later',
+                    cancelLabel: 'Later'
                 }
             );
 
diff --git a/src/js/ui/UIManager.js b/src/js/ui/UIManager.js
index 6255c8e7..d9376575 100644
--- a/src/js/ui/UIManager.js
+++ b/src/js/ui/UIManager.js
@@ -3,7 +3,7 @@ import { MessageContentRenderer } from './MessageContentRenderer.js';
 import { AttachmentModalManager } from './AttachmentModalManager.js';
 import { ToastManager } from './ToastManager.js';
 import { SearchManager } from '../SearchManager.js';
-import { isTauri, saveFileWithDialog } from '../tauri-bridge.js';
+import { isTauri, printWebview, saveFileWithDialog } from '../tauri-bridge.js';
 import {
     getExportFileName,
     getOriginalMessageMimeType,
@@ -892,9 +892,8 @@ class UIManager {
             return;
         }
 
-        // Tauri on macOS replaces window.print with an IPC call that returns a promise
         Promise.resolve()
-            .then(() => window.print())
+            .then(() => printWebview())
             .catch((error) => {
                 console.error('Failed to print message:', error);
                 this.showError('Failed to open print dialog');
diff --git a/src/styles.css b/src/styles.css
index 364e69c0..05c6f7a2 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -2209,10 +2209,6 @@
    Print: only the displayed message, always light
    ======================================== */
 @media print {
-    @page {
-        margin: 15mm;
-    }
-
     :root,
     :root.dark {
         color-scheme: light;
diff --git a/tests/UIManager.test.js b/tests/UIManager.test.js
index 9524525c..17ea7a94 100644
--- a/tests/UIManager.test.js
+++ b/tests/UIManager.test.js
@@ -6,6 +6,8 @@
 // Mock the tauri-bridge module
 jest.mock('../src/js/tauri-bridge.js', () => ({
     isTauri: jest.fn(() => false),
+    printWebview: (...args) =>
+        jest.requireActual('../src/js/tauri-bridge.js').printWebview(...args),
     saveFileWithDialog: jest.fn(() => Promise.resolve(true)),
     openWithSystemViewer: jest.fn(() => Promise.resolve())
 }));
diff --git a/tests/fixtures/print-long.eml b/tests/fixtures/print-long.eml
new file mode 100644
index 00000000..c682a3fa
--- /dev/null
+++ b/tests/fixtures/print-long.eml
@@ -0,0 +1,290 @@
+From: Drucktest <drucktest@example.org>
+To: Empfang <empfang@example.org>
+Subject: Drucktest: lange Nachricht mit 60 Abschnitten
+Date: Tue, 13 Oct 2026 10:00:00 +0200
+MIME-Version: 1.0
+Content-Type: multipart/alternative;
+ boundary="===============3421713227054152826=="
+
+--===============3421713227054152826==
+Content-Type: text/plain; charset="utf-8"
+Content-Transfer-Encoding: 8bit
+
+Lange Testnachricht. HTML-Version enthält 60 nummerierte Abschnitte.
+
+--===============3421713227054152826==
+Content-Type: text/html; charset="utf-8"
+Content-Transfer-Encoding: quoted-printable
+MIME-Version: 1.0
+
+<html><body style=3D"font-family:Arial,sans-serif;color:#172033;line-height:1=
+.5"><h1>Mehrseitiger Drucktest</h1><p>START DER NACHRICHT. Diese Mail pr=C3=
+=BCft Seitenumbr=C3=BCche, Lesbarkeit und vollst=C3=A4ndige Ausgabe.</p><tabl=
+e style=3D"border-collapse:collapse;width:100%"><tr style=3D"background:#dbea=
+fe"><th>Pr=C3=BCfung</th><th>Erwartung</th></tr><tr><td>Darstellung</td><td>H=
+eller Hintergrund, dunkler Text</td></tr></table><h2>Abschnitt 01</h2><p>Dies=
+ ist der vollst=C3=A4ndige Text von Abschnitt 01. Die Vorschau soll den Inhal=
+t fortlaufend =C3=BCber mehrere Seiten verteilen. Die Seitenleiste, die Datei=
+auswahl und die Aktionsbuttons geh=C3=B6ren nicht zur Nachricht. Auch bei dun=
+kler App-Darstellung muss der Text auf hellem Papier gut lesbar bleiben.</p><=
+h2>Abschnitt 02</h2><p>Dies ist der vollst=C3=A4ndige Text von Abschnitt 02. =
+Die Vorschau soll den Inhalt fortlaufend =C3=BCber mehrere Seiten verteilen. =
+Die Seitenleiste, die Dateiauswahl und die Aktionsbuttons geh=C3=B6ren nicht =
+zur Nachricht. Auch bei dunkler App-Darstellung muss der Text auf hellem Papi=
+er gut lesbar bleiben.</p><h2>Abschnitt 03</h2><p>Dies ist der vollst=C3=A4nd=
+ige Text von Abschnitt 03. Die Vorschau soll den Inhalt fortlaufend =C3=BCber=
+ mehrere Seiten verteilen. Die Seitenleiste, die Dateiauswahl und die Aktions=
+buttons geh=C3=B6ren nicht zur Nachricht. Auch bei dunkler App-Darstellung mu=
+ss der Text auf hellem Papier gut lesbar bleiben.</p><h2>Abschnitt 04</h2><p>=
+Dies ist der vollst=C3=A4ndige Text von Abschnitt 04. Die Vorschau soll den I=
+nhalt fortlaufend =C3=BCber mehrere Seiten verteilen. Die Seitenleiste, die D=
+ateiauswahl und die Aktionsbuttons geh=C3=B6ren nicht zur Nachricht. Auch bei=
+ dunkler App-Darstellung muss der Text auf hellem Papier gut lesbar bleiben.<=
+/p><h2>Abschnitt 05</h2><p>Dies ist der vollst=C3=A4ndige Text von Abschnitt =
+05. Die Vorschau soll den Inhalt fortlaufend =C3=BCber mehrere Seiten verteil=
+en. Die Seitenleiste, die Dateiauswahl und die Aktionsbuttons geh=C3=B6ren ni=
+cht zur Nachricht. Auch bei dunkler App-Darstellung muss der Text auf hellem =
+Papier gut lesbar bleiben.</p><h2>Abschnitt 06</h2><p>Dies ist der vollst=C3=
+=A4ndige Text von Abschnitt 06. Die Vorschau soll den Inhalt fortlaufend =C3=
+=BCber mehrere Seiten verteilen. Die Seitenleiste, die Dateiauswahl und die A=
+ktionsbuttons geh=C3=B6ren nicht zur Nachricht. Auch bei dunkler App-Darstell=
+ung muss der Text auf hellem Papier gut lesbar bleiben.</p><h2>Abschnitt 07</=
+h2><p>Dies ist der vollst=C3=A4ndige Text von Abschnitt 07. Die Vorschau soll=
+ den Inhalt fortlaufend =C3=BCber mehrere Seiten verteilen. Die Seitenleiste,=
+ die Dateiauswahl und die Aktionsbuttons geh=C3=B6ren nicht zur Nachricht. Au=
+ch bei dunkler App-Darstellung muss der Text auf hellem Papier gut lesbar ble=
+iben.</p><h2>Abschnitt 08</h2><p>Dies ist der vollst=C3=A4ndige Text von Absc=
+hnitt 08. Die Vorschau soll den Inhalt fortlaufend =C3=BCber mehrere Seiten v=
+erteilen. Die Seitenleiste, die Dateiauswahl und die Aktionsbuttons geh=C3=B6=
+ren nicht zur Nachricht. Auch bei dunkler App-Darstellung muss der Text auf h=
+ellem Papier gut lesbar bleiben.</p><h2>Abschnitt 09</h2><p>Dies ist der voll=
+st=C3=A4ndige Text von Abschnitt 09. Die Vorschau soll den Inhalt fortlaufend=
+ =C3=BCber mehrere Seiten verteilen. Die Seitenleiste, die Dateiauswahl und d=
+ie Aktionsbuttons geh=C3=B6ren nicht zur Nachricht. Auch bei dunkler App-Dars=
+tellung muss der Text auf hellem Papier gut lesbar bleiben.</p><h2>Abschnitt =
+10</h2><p>Dies ist der vollst=C3=A4ndige Text von Abschnitt 10. Die Vorschau =
+soll den Inhalt fortlaufend =C3=BCber mehrere Seiten verteilen. Die Seitenlei=
+ste, die Dateiauswahl und die Aktionsbuttons geh=C3=B6ren nicht zur Nachricht=
+. Auch bei dunkler App-Darstellung muss der Text auf hellem Papier gut lesbar=
+ bleiben.</p><h2>Abschnitt 11</h2><p>Dies ist der vollst=C3=A4ndige Text von =
+Abschnitt 11. Die Vorschau soll den Inhalt fortlaufend =C3=BCber mehrere Seit=
+en verteilen. Die Seitenleiste, die Dateiauswahl und die Aktionsbuttons geh=
+=C3=B6ren nicht zur Nachricht. Auch bei dunkler App-Darstellung muss der Text=
+ auf hellem Papier gut lesbar bleiben.</p><h2>Abschnitt 12</h2><p>Dies ist de=
+r vollst=C3=A4ndige Text von Abschnitt 12. Die Vorschau soll den Inhalt fortl=
+aufend =C3=BCber mehrere Seiten verteilen. Die Seitenleiste, die Dateiauswahl=
+ und die Aktionsbuttons geh=C3=B6ren nicht zur Nachricht. Auch bei dunkler Ap=
+p-Darstellung muss der Text auf hellem Papier gut lesbar bleiben.</p><h2>Absc=
+hnitt 13</h2><p>Dies ist der vollst=C3=A4ndige Text von Abschnitt 13. Die Vor=
+schau soll den Inhalt fortlaufend =C3=BCber mehrere Seiten verteilen. Die Sei=
+tenleiste, die Dateiauswahl und die Aktionsbuttons geh=C3=B6ren nicht zur Nac=
+hricht. Auch bei dunkler App-Darstellung muss der Text auf hellem Papier gut =
+lesbar bleiben.</p><h2>Abschnitt 14</h2><p>Dies ist der vollst=C3=A4ndige Tex=
+t von Abschnitt 14. Die Vorschau soll den Inhalt fortlaufend =C3=BCber mehrer=
+e Seiten verteilen. Die Seitenleiste, die Dateiauswahl und die Aktionsbuttons=
+ geh=C3=B6ren nicht zur Nachricht. Auch bei dunkler App-Darstellung muss der =
+Text auf hellem Papier gut lesbar bleiben.</p><h2>Abschnitt 15</h2><p>Dies is=
+t der vollst=C3=A4ndige Text von Abschnitt 15. Die Vorschau soll den Inhalt f=
+ortlaufend =C3=BCber mehrere Seiten verteilen. Die Seitenleiste, die Dateiaus=
+wahl und die Aktionsbuttons geh=C3=B6ren nicht zur Nachricht. Auch bei dunkle=
+r App-Darstellung muss der Text auf hellem Papier gut lesbar bleiben.</p><h2>=
+Abschnitt 16</h2><p>Dies ist der vollst=C3=A4ndige Text von Abschnitt 16. Die=
+ Vorschau soll den Inhalt fortlaufend =C3=BCber mehrere Seiten verteilen. Die=
+ Seitenleiste, die Dateiauswahl und die Aktionsbuttons geh=C3=B6ren nicht zur=
+ Nachricht. Auch bei dunkler App-Darstellung muss der Text auf hellem Papier =
+gut lesbar bleiben.</p><h2>Abschnitt 17</h2><p>Dies ist der vollst=C3=A4ndige=
+ Text von Abschnitt 17. Die Vorschau soll den Inhalt fortlaufend =C3=BCber me=
+hrere Seiten verteilen. Die Seitenleiste, die Dateiauswahl und die Aktionsbut=
+tons geh=C3=B6ren nicht zur Nachricht. Auch bei dunkler App-Darstellung muss =
+der Text auf hellem Papier gut lesbar bleiben.</p><h2>Abschnitt 18</h2><p>Die=
+s ist der vollst=C3=A4ndige Text von Abschnitt 18. Die Vorschau soll den Inha=
+lt fortlaufend =C3=BCber mehrere Seiten verteilen. Die Seitenleiste, die Date=
+iauswahl und die Aktionsbuttons geh=C3=B6ren nicht zur Nachricht. Auch bei du=
+nkler App-Darstellung muss der Text auf hellem Papier gut lesbar bleiben.</p>=
+<h2>Abschnitt 19</h2><p>Dies ist der vollst=C3=A4ndige Text von Abschnitt 19.=
+ Die Vorschau soll den Inhalt fortlaufend =C3=BCber mehrere Seiten verteilen.=
+ Die Seitenleiste, die Dateiauswahl und die Aktionsbuttons geh=C3=B6ren nicht=
+ zur Nachricht. Auch bei dunkler App-Darstellung muss der Text auf hellem Pap=
+ier gut lesbar bleiben.</p><h2>Abschnitt 20</h2><p>Dies ist der vollst=C3=A4n=
+dige Text von Abschnitt 20. Die Vorschau soll den Inhalt fortlaufend =C3=BCbe=
+r mehrere Seiten verteilen. Die Seitenleiste, die Dateiauswahl und die Aktion=
+sbuttons geh=C3=B6ren nicht zur Nachricht. Auch bei dunkler App-Darstellung m=
+uss der Text auf hellem Papier gut lesbar bleiben.</p><h2>Abschnitt 21</h2><p=
+>Dies ist der vollst=C3=A4ndige Text von Abschnitt 21. Die Vorschau soll den =
+Inhalt fortlaufend =C3=BCber mehrere Seiten verteilen. Die Seitenleiste, die =
+Dateiauswahl und die Aktionsbuttons geh=C3=B6ren nicht zur Nachricht. Auch be=
+i dunkler App-Darstellung muss der Text auf hellem Papier gut lesbar bleiben.=
+</p><h2>Abschnitt 22</h2><p>Dies ist der vollst=C3=A4ndige Text von Abschnitt=
+ 22. Die Vorschau soll den Inhalt fortlaufend =C3=BCber mehrere Seiten vertei=
+len. Die Seitenleiste, die Dateiauswahl und die Aktionsbuttons geh=C3=B6ren n=
+icht zur Nachricht. Auch bei dunkler App-Darstellung muss der Text auf hellem=
+ Papier gut lesbar bleiben.</p><h2>Abschnitt 23</h2><p>Dies ist der vollst=C3=
+=A4ndige Text von Abschnitt 23. Die Vorschau soll den Inhalt fortlaufend =C3=
+=BCber mehrere Seiten verteilen. Die Seitenleiste, die Dateiauswahl und die A=
+ktionsbuttons geh=C3=B6ren nicht zur Nachricht. Auch bei dunkler App-Darstell=
+ung muss der Text auf hellem Papier gut lesbar bleiben.</p><h2>Abschnitt 24</=
+h2><p>Dies ist der vollst=C3=A4ndige Text von Abschnitt 24. Die Vorschau soll=
+ den Inhalt fortlaufend =C3=BCber mehrere Seiten verteilen. Die Seitenleiste,=
+ die Dateiauswahl und die Aktionsbuttons geh=C3=B6ren nicht zur Nachricht. Au=
+ch bei dunkler App-Darstellung muss der Text auf hellem Papier gut lesbar ble=
+iben.</p><h2>Abschnitt 25</h2><p>Dies ist der vollst=C3=A4ndige Text von Absc=
+hnitt 25. Die Vorschau soll den Inhalt fortlaufend =C3=BCber mehrere Seiten v=
+erteilen. Die Seitenleiste, die Dateiauswahl und die Aktionsbuttons geh=C3=B6=
+ren nicht zur Nachricht. Auch bei dunkler App-Darstellung muss der Text auf h=
+ellem Papier gut lesbar bleiben.</p><h2>Abschnitt 26</h2><p>Dies ist der voll=
+st=C3=A4ndige Text von Abschnitt 26. Die Vorschau soll den Inhalt fortlaufend=
+ =C3=BCber mehrere Seiten verteilen. Die Seitenleiste, die Dateiauswahl und d=
+ie Aktionsbuttons geh=C3=B6ren nicht zur Nachricht. Auch bei dunkler App-Dars=
+tellung muss der Text auf hellem Papier gut lesbar bleiben.</p><h2>Abschnitt =
+27</h2><p>Dies ist der vollst=C3=A4ndige Text von Abschnitt 27. Die Vorschau =
+soll den Inhalt fortlaufend =C3=BCber mehrere Seiten verteilen. Die Seitenlei=
+ste, die Dateiauswahl und die Aktionsbuttons geh=C3=B6ren nicht zur Nachricht=
+. Auch bei dunkler App-Darstellung muss der Text auf hellem Papier gut lesbar=
+ bleiben.</p><h2>Abschnitt 28</h2><p>Dies ist der vollst=C3=A4ndige Text von =
+Abschnitt 28. Die Vorschau soll den Inhalt fortlaufend =C3=BCber mehrere Seit=
+en verteilen. Die Seitenleiste, die Dateiauswahl und die Aktionsbuttons geh=
+=C3=B6ren nicht zur Nachricht. Auch bei dunkler App-Darstellung muss der Text=
+ auf hellem Papier gut lesbar bleiben.</p><h2>Abschnitt 29</h2><p>Dies ist de=
+r vollst=C3=A4ndige Text von Abschnitt 29. Die Vorschau soll den Inhalt fortl=
+aufend =C3=BCber mehrere Seiten verteilen. Die Seitenleiste, die Dateiauswahl=
+ und die Aktionsbuttons geh=C3=B6ren nicht zur Nachricht. Auch bei dunkler Ap=
+p-Darstellung muss der Text auf hellem Papier gut lesbar bleiben.</p><h2>Absc=
+hnitt 30</h2><p>Dies ist der vollst=C3=A4ndige Text von Abschnitt 30. Die Vor=
+schau soll den Inhalt fortlaufend =C3=BCber mehrere Seiten verteilen. Die Sei=
+tenleiste, die Dateiauswahl und die Aktionsbuttons geh=C3=B6ren nicht zur Nac=
+hricht. Auch bei dunkler App-Darstellung muss der Text auf hellem Papier gut =
+lesbar bleiben.</p><h2>Abschnitt 31</h2><p>Dies ist der vollst=C3=A4ndige Tex=
+t von Abschnitt 31. Die Vorschau soll den Inhalt fortlaufend =C3=BCber mehrer=
+e Seiten verteilen. Die Seitenleiste, die Dateiauswahl und die Aktionsbuttons=
+ geh=C3=B6ren nicht zur Nachricht. Auch bei dunkler App-Darstellung muss der =
+Text auf hellem Papier gut lesbar bleiben.</p><h2>Abschnitt 32</h2><p>Dies is=
+t der vollst=C3=A4ndige Text von Abschnitt 32. Die Vorschau soll den Inhalt f=
+ortlaufend =C3=BCber mehrere Seiten verteilen. Die Seitenleiste, die Dateiaus=
+wahl und die Aktionsbuttons geh=C3=B6ren nicht zur Nachricht. Auch bei dunkle=
+r App-Darstellung muss der Text auf hellem Papier gut lesbar bleiben.</p><h2>=
+Abschnitt 33</h2><p>Dies ist der vollst=C3=A4ndige Text von Abschnitt 33. Die=
+ Vorschau soll den Inhalt fortlaufend =C3=BCber mehrere Seiten verteilen. Die=
+ Seitenleiste, die Dateiauswahl und die Aktionsbuttons geh=C3=B6ren nicht zur=
+ Nachricht. Auch bei dunkler App-Darstellung muss der Text auf hellem Papier =
+gut lesbar bleiben.</p><h2>Abschnitt 34</h2><p>Dies ist der vollst=C3=A4ndige=
+ Text von Abschnitt 34. Die Vorschau soll den Inhalt fortlaufend =C3=BCber me=
+hrere Seiten verteilen. Die Seitenleiste, die Dateiauswahl und die Aktionsbut=
+tons geh=C3=B6ren nicht zur Nachricht. Auch bei dunkler App-Darstellung muss =
+der Text auf hellem Papier gut lesbar bleiben.</p><h2>Abschnitt 35</h2><p>Die=
+s ist der vollst=C3=A4ndige Text von Abschnitt 35. Die Vorschau soll den Inha=
+lt fortlaufend =C3=BCber mehrere Seiten verteilen. Die Seitenleiste, die Date=
+iauswahl und die Aktionsbuttons geh=C3=B6ren nicht zur Nachricht. Auch bei du=
+nkler App-Darstellung muss der Text auf hellem Papier gut lesbar bleiben.</p>=
+<h2>Abschnitt 36</h2><p>Dies ist der vollst=C3=A4ndige Text von Abschnitt 36.=
+ Die Vorschau soll den Inhalt fortlaufend =C3=BCber mehrere Seiten verteilen.=
+ Die Seitenleiste, die Dateiauswahl und die Aktionsbuttons geh=C3=B6ren nicht=
+ zur Nachricht. Auch bei dunkler App-Darstellung muss der Text auf hellem Pap=
+ier gut lesbar bleiben.</p><h2>Abschnitt 37</h2><p>Dies ist der vollst=C3=A4n=
+dige Text von Abschnitt 37. Die Vorschau soll den Inhalt fortlaufend =C3=BCbe=
+r mehrere Seiten verteilen. Die Seitenleiste, die Dateiauswahl und die Aktion=
+sbuttons geh=C3=B6ren nicht zur Nachricht. Auch bei dunkler App-Darstellung m=
+uss der Text auf hellem Papier gut lesbar bleiben.</p><h2>Abschnitt 38</h2><p=
+>Dies ist der vollst=C3=A4ndige Text von Abschnitt 38. Die Vorschau soll den =
+Inhalt fortlaufend =C3=BCber mehrere Seiten verteilen. Die Seitenleiste, die =
+Dateiauswahl und die Aktionsbuttons geh=C3=B6ren nicht zur Nachricht. Auch be=
+i dunkler App-Darstellung muss der Text auf hellem Papier gut lesbar bleiben.=
+</p><h2>Abschnitt 39</h2><p>Dies ist der vollst=C3=A4ndige Text von Abschnitt=
+ 39. Die Vorschau soll den Inhalt fortlaufend =C3=BCber mehrere Seiten vertei=
+len. Die Seitenleiste, die Dateiauswahl und die Aktionsbuttons geh=C3=B6ren n=
+icht zur Nachricht. Auch bei dunkler App-Darstellung muss der Text auf hellem=
+ Papier gut lesbar bleiben.</p><h2>Abschnitt 40</h2><p>Dies ist der vollst=C3=
+=A4ndige Text von Abschnitt 40. Die Vorschau soll den Inhalt fortlaufend =C3=
+=BCber mehrere Seiten verteilen. Die Seitenleiste, die Dateiauswahl und die A=
+ktionsbuttons geh=C3=B6ren nicht zur Nachricht. Auch bei dunkler App-Darstell=
+ung muss der Text auf hellem Papier gut lesbar bleiben.</p><h2>Abschnitt 41</=
+h2><p>Dies ist der vollst=C3=A4ndige Text von Abschnitt 41. Die Vorschau soll=
+ den Inhalt fortlaufend =C3=BCber mehrere Seiten verteilen. Die Seitenleiste,=
+ die Dateiauswahl und die Aktionsbuttons geh=C3=B6ren nicht zur Nachricht. Au=
+ch bei dunkler App-Darstellung muss der Text auf hellem Papier gut lesbar ble=
+iben.</p><h2>Abschnitt 42</h2><p>Dies ist der vollst=C3=A4ndige Text von Absc=
+hnitt 42. Die Vorschau soll den Inhalt fortlaufend =C3=BCber mehrere Seiten v=
+erteilen. Die Seitenleiste, die Dateiauswahl und die Aktionsbuttons geh=C3=B6=
+ren nicht zur Nachricht. Auch bei dunkler App-Darstellung muss der Text auf h=
+ellem Papier gut lesbar bleiben.</p><h2>Abschnitt 43</h2><p>Dies ist der voll=
+st=C3=A4ndige Text von Abschnitt 43. Die Vorschau soll den Inhalt fortlaufend=
+ =C3=BCber mehrere Seiten verteilen. Die Seitenleiste, die Dateiauswahl und d=
+ie Aktionsbuttons geh=C3=B6ren nicht zur Nachricht. Auch bei dunkler App-Dars=
+tellung muss der Text auf hellem Papier gut lesbar bleiben.</p><h2>Abschnitt =
+44</h2><p>Dies ist der vollst=C3=A4ndige Text von Abschnitt 44. Die Vorschau =
+soll den Inhalt fortlaufend =C3=BCber mehrere Seiten verteilen. Die Seitenlei=
+ste, die Dateiauswahl und die Aktionsbuttons geh=C3=B6ren nicht zur Nachricht=
+. Auch bei dunkler App-Darstellung muss der Text auf hellem Papier gut lesbar=
+ bleiben.</p><h2>Abschnitt 45</h2><p>Dies ist der vollst=C3=A4ndige Text von =
+Abschnitt 45. Die Vorschau soll den Inhalt fortlaufend =C3=BCber mehrere Seit=
+en verteilen. Die Seitenleiste, die Dateiauswahl und die Aktionsbuttons geh=
+=C3=B6ren nicht zur Nachricht. Auch bei dunkler App-Darstellung muss der Text=
+ auf hellem Papier gut lesbar bleiben.</p><h2>Abschnitt 46</h2><p>Dies ist de=
+r vollst=C3=A4ndige Text von Abschnitt 46. Die Vorschau soll den Inhalt fortl=
+aufend =C3=BCber mehrere Seiten verteilen. Die Seitenleiste, die Dateiauswahl=
+ und die Aktionsbuttons geh=C3=B6ren nicht zur Nachricht. Auch bei dunkler Ap=
+p-Darstellung muss der Text auf hellem Papier gut lesbar bleiben.</p><h2>Absc=
+hnitt 47</h2><p>Dies ist der vollst=C3=A4ndige Text von Abschnitt 47. Die Vor=
+schau soll den Inhalt fortlaufend =C3=BCber mehrere Seiten verteilen. Die Sei=
+tenleiste, die Dateiauswahl und die Aktionsbuttons geh=C3=B6ren nicht zur Nac=
+hricht. Auch bei dunkler App-Darstellung muss der Text auf hellem Papier gut =
+lesbar bleiben.</p><h2>Abschnitt 48</h2><p>Dies ist der vollst=C3=A4ndige Tex=
+t von Abschnitt 48. Die Vorschau soll den Inhalt fortlaufend =C3=BCber mehrer=
+e Seiten verteilen. Die Seitenleiste, die Dateiauswahl und die Aktionsbuttons=
+ geh=C3=B6ren nicht zur Nachricht. Auch bei dunkler App-Darstellung muss der =
+Text auf hellem Papier gut lesbar bleiben.</p><h2>Abschnitt 49</h2><p>Dies is=
+t der vollst=C3=A4ndige Text von Abschnitt 49. Die Vorschau soll den Inhalt f=
+ortlaufend =C3=BCber mehrere Seiten verteilen. Die Seitenleiste, die Dateiaus=
+wahl und die Aktionsbuttons geh=C3=B6ren nicht zur Nachricht. Auch bei dunkle=
+r App-Darstellung muss der Text auf hellem Papier gut lesbar bleiben.</p><h2>=
+Abschnitt 50</h2><p>Dies ist der vollst=C3=A4ndige Text von Abschnitt 50. Die=
+ Vorschau soll den Inhalt fortlaufend =C3=BCber mehrere Seiten verteilen. Die=
+ Seitenleiste, die Dateiauswahl und die Aktionsbuttons geh=C3=B6ren nicht zur=
+ Nachricht. Auch bei dunkler App-Darstellung muss der Text auf hellem Papier =
+gut lesbar bleiben.</p><h2>Abschnitt 51</h2><p>Dies ist der vollst=C3=A4ndige=
+ Text von Abschnitt 51. Die Vorschau soll den Inhalt fortlaufend =C3=BCber me=
+hrere Seiten verteilen. Die Seitenleiste, die Dateiauswahl und die Aktionsbut=
+tons geh=C3=B6ren nicht zur Nachricht. Auch bei dunkler App-Darstellung muss =
+der Text auf hellem Papier gut lesbar bleiben.</p><h2>Abschnitt 52</h2><p>Die=
+s ist der vollst=C3=A4ndige Text von Abschnitt 52. Die Vorschau soll den Inha=
+lt fortlaufend =C3=BCber mehrere Seiten verteilen. Die Seitenleiste, die Date=
+iauswahl und die Aktionsbuttons geh=C3=B6ren nicht zur Nachricht. Auch bei du=
+nkler App-Darstellung muss der Text auf hellem Papier gut lesbar bleiben.</p>=
+<h2>Abschnitt 53</h2><p>Dies ist der vollst=C3=A4ndige Text von Abschnitt 53.=
+ Die Vorschau soll den Inhalt fortlaufend =C3=BCber mehrere Seiten verteilen.=
+ Die Seitenleiste, die Dateiauswahl und die Aktionsbuttons geh=C3=B6ren nicht=
+ zur Nachricht. Auch bei dunkler App-Darstellung muss der Text auf hellem Pap=
+ier gut lesbar bleiben.</p><h2>Abschnitt 54</h2><p>Dies ist der vollst=C3=A4n=
+dige Text von Abschnitt 54. Die Vorschau soll den Inhalt fortlaufend =C3=BCbe=
+r mehrere Seiten verteilen. Die Seitenleiste, die Dateiauswahl und die Aktion=
+sbuttons geh=C3=B6ren nicht zur Nachricht. Auch bei dunkler App-Darstellung m=
+uss der Text auf hellem Papier gut lesbar bleiben.</p><h2>Abschnitt 55</h2><p=
+>Dies ist der vollst=C3=A4ndige Text von Abschnitt 55. Die Vorschau soll den =
+Inhalt fortlaufend =C3=BCber mehrere Seiten verteilen. Die Seitenleiste, die =
+Dateiauswahl und die Aktionsbuttons geh=C3=B6ren nicht zur Nachricht. Auch be=
+i dunkler App-Darstellung muss der Text auf hellem Papier gut lesbar bleiben.=
+</p><h2>Abschnitt 56</h2><p>Dies ist der vollst=C3=A4ndige Text von Abschnitt=
+ 56. Die Vorschau soll den Inhalt fortlaufend =C3=BCber mehrere Seiten vertei=
+len. Die Seitenleiste, die Dateiauswahl und die Aktionsbuttons geh=C3=B6ren n=
+icht zur Nachricht. Auch bei dunkler App-Darstellung muss der Text auf hellem=
+ Papier gut lesbar bleiben.</p><h2>Abschnitt 57</h2><p>Dies ist der vollst=C3=
+=A4ndige Text von Abschnitt 57. Die Vorschau soll den Inhalt fortlaufend =C3=
+=BCber mehrere Seiten verteilen. Die Seitenleiste, die Dateiauswahl und die A=
+ktionsbuttons geh=C3=B6ren nicht zur Nachricht. Auch bei dunkler App-Darstell=
+ung muss der Text auf hellem Papier gut lesbar bleiben.</p><h2>Abschnitt 58</=
+h2><p>Dies ist der vollst=C3=A4ndige Text von Abschnitt 58. Die Vorschau soll=
+ den Inhalt fortlaufend =C3=BCber mehrere Seiten verteilen. Die Seitenleiste,=
+ die Dateiauswahl und die Aktionsbuttons geh=C3=B6ren nicht zur Nachricht. Au=
+ch bei dunkler App-Darstellung muss der Text auf hellem Papier gut lesbar ble=
+iben.</p><h2>Abschnitt 59</h2><p>Dies ist der vollst=C3=A4ndige Text von Absc=
+hnitt 59. Die Vorschau soll den Inhalt fortlaufend =C3=BCber mehrere Seiten v=
+erteilen. Die Seitenleiste, die Dateiauswahl und die Aktionsbuttons geh=C3=B6=
+ren nicht zur Nachricht. Auch bei dunkler App-Darstellung muss der Text auf h=
+ellem Papier gut lesbar bleiben.</p><h2>Abschnitt 60</h2><p>Dies ist der voll=
+st=C3=A4ndige Text von Abschnitt 60. Die Vorschau soll den Inhalt fortlaufend=
+ =C3=BCber mehrere Seiten verteilen. Die Seitenleiste, die Dateiauswahl und d=
+ie Aktionsbuttons geh=C3=B6ren nicht zur Nachricht. Auch bei dunkler App-Dars=
+tellung muss der Text auf hellem Papier gut lesbar bleiben.</p><p><strong>END=
+E DER NACHRICHT: Abschnitt 60 wurde vollst=C3=A4ndig ausgegeben.</strong></p>=
+</body></html>
+
+--===============3421713227054152826==--
diff --git a/tests/tauriBridge.test.js b/tests/tauriBridge.test.js
index 8fcb3c8c..e7cbf8b5 100644
--- a/tests/tauriBridge.test.js
+++ b/tests/tauriBridge.test.js
@@ -1,8 +1,86 @@
+jest.mock('@tauri-apps/api/core', () => ({ invoke: jest.fn() }));
+jest.mock('@tauri-apps/api/event', () => ({ listen: jest.fn() }));
+
+import { invoke } from '@tauri-apps/api/core';
 import {
     isCurrentVersionAtLeastUpdate,
-    parseReleaseVersion
+    parseReleaseVersion,
+    printWebview
 } from '../src/js/tauri-bridge.js';
 
+describe('tauri-bridge printing', () => {
+    const platform = Object.getOwnPropertyDescriptor(window.navigator, 'platform');
+    const originalPrint = window.print;
+
+    beforeEach(() => {
+        window.print = jest.fn();
+        invoke.mockReset();
+        const pageMargins = document.createElement('style');
+        pageMargins.id = 'printPageMargins';
+        pageMargins.textContent = '@media print { @page { margin: 15mm; } }';
+        document.head.appendChild(pageMargins);
+        pageMargins.sheet.disabled = false;
+        Object.defineProperty(window.navigator, 'platform', {
+            configurable: true,
+            value: 'MacIntel'
+        });
+    });
+
+    afterEach(() => {
+        delete window.__TAURI_INTERNALS__;
+        window.print = originalPrint;
+        document.getElementById('printPageMargins')?.remove();
+        if (platform) {
+            Object.defineProperty(window.navigator, 'platform', platform);
+        } else {
+            delete window.navigator.platform;
+        }
+    });
+
+    test('web printing keeps CSS page margins and uses the browser dialog', async () => {
+        await printWebview();
+
+        expect(window.print).toHaveBeenCalledTimes(1);
+        expect(invoke).not.toHaveBeenCalled();
+        expect(document.getElementById('printPageMargins').sheet.disabled).toBe(false);
+    });
+
+    test('macOS removes CSS margins before requesting native pagination', async () => {
+        window.__TAURI_INTERNALS__ = {};
+        invoke.mockImplementation(() => {
+            expect(document.getElementById('printPageMargins').sheet.disabled).toBe(true);
+            return Promise.resolve();
+        });
+
+        await printWebview();
+        await printWebview();
+
+        expect(invoke).toHaveBeenCalledWith('print_message');
+        expect(window.print).not.toHaveBeenCalled();
+        // The native sheet opens asynchronously and still needs CSS margins disabled.
+        expect(document.getElementById('printPageMargins').sheet.disabled).toBe(true);
+    });
+
+    test('restores CSS page margins when native printing cannot start', async () => {
+        window.__TAURI_INTERNALS__ = {};
+        invoke.mockRejectedValue(new Error('Print panel unavailable'));
+
+        await expect(printWebview()).rejects.toThrow('Print panel unavailable');
+
+        expect(document.getElementById('printPageMargins').sheet.disabled).toBe(false);
+    });
+
+    test('other desktop platforms retain their existing print implementation', async () => {
+        window.__TAURI_INTERNALS__ = {};
+        Object.defineProperty(window.navigator, 'platform', { value: 'Win32' });
+
+        await printWebview();
+
+        expect(window.print).toHaveBeenCalledTimes(1);
+        expect(invoke).not.toHaveBeenCalled();
+    });
+});
+
 describe('tauri-bridge version helpers', () => {
     test('parses release and git-describe versions', () => {
         expect(parseReleaseVersion('1.8.0')).toEqual({ major: 1, minor: 8, patch: 0 });