-> I faced the same problem earlier. I solved it by setting the attribute value of the download PDF button and then clicking on that button. -> You can check the sample code for more details

import { test } from '@playwright/test';

test.only('test', async ({ page }) => {

await page.route('**/*', route => {
   
    if (route.request().url().startsWith("https://googleads.")) {
        //console.log('Blocked ad request:', route.request().url());
        route.abort();
    } else {
        route.continue();   
    }
});

// Navigate to the page containing the PDF link
await page.goto('https://www.sampledocs.in/BrowseFile/DummyFiles/pdf');

// Selector for the element to which you want to add a new attribute
const elementSelector = "a[href*='SampleDocs-sample-pdf']";

await page.evaluate((selector) => {
    
    // Find the element using the provided selector
    const element = document.querySelector(selector);

    if (element) {
        // By adding this new "download" attribute we can directly 
        //download the pdf instead of opening in preview
        element.setAttribute('download','sample');
    } else {
        console.error('Element not found.');
    }
}, elementSelector);

await page.waitForTimeout(1000);

const downloadPromise = page.waitForEvent('download'); 
await page.locator(elementSelector).first().click();
const download = await downloadPromise;

await download.saveAs(download.suggestedFilename());

});

You don't actually need the print dialog, you can generate this directly from Playwright by emulating the media type.

page.emulate_media(media="print")
page.goto("https://robstarbuck.uk/cv");
page.pdf(path="cv.pdf")

This is how I generate my CV.

See also:

• Playwright - Media Emulation

• Playwright - PDF

Here's a somewhat dirty solution that worked on my end. The sleep and scroll isn't great and can probably be improved, but I'll leave this as a starter and see if I have time to tighten it up later (feel free to do the same).

from playwright.sync_api import sync_playwright # 1.37.0
from time import sleep


with open("index.html") as f:
    html = f.read()

with sync_playwright() as p:
    browser = p.chromium.launch()
    page = browser.new_page()
    page.set_content(html)

    # focus inside the annoying border to enable scroll
    page.click(".document_container")

    for i in range(10):
        page.mouse.wheel(0, 2500)
        sleep(0.5)

    # strip out the annoying border that messes up PDF generation
    page.evaluate("""() => {
        const el = document.querySelector(".document_scroller");
        el.parentElement.appendChild(el.querySelector(".document_container"));
        el.remove();
    }""")
    page.emulate_media(media="screen")
    page.pdf(path="sales_report.pdf")
    browser.close()

Two tricks:

1. Clicking inside the border area enables scrolling, which appears necessary to get everything to load.
2. Ripping out the annoying border allows the PDF generation to capture all pages. When the border is present, there's no scroll on the main body, only on the interior container, which the PDF capture doesn't seem to understand.