Weird viewport clipping

[brendt]

On around 50% of occasions, I get very weird viewport clipping when screenshotting a page.

Here's what the image should look like:

This is what it sometimes looks like:

Other times it looks like this:

I've tried manually setting the window size:

        $browser = new BrowserFactory()->createBrowser([
            'windowSize' => [1200, 628],
        ]);

As well as this:

            $page->setDeviceMetricsOverride([
                'width' => 1200,
                'height' => 628,
            ]);

Also tried with and without these options:

            $screenshot = $page->screenshot([
                'captureBeyondViewport' => true,
                'clip' => $page->getFullPageClip(),
            ]);

But still, the issue seems to persist from time to time.

[stale]

This issue has been automatically marked as stale because there has been no recent activity. It will be closed after 30 days if no further activity occurs. Thank you for your contributions.

[aprat84]

Maybe is not the same, but in my case some screenshots were like overlapped, and the workaround was to put an usleep(100_000); after $page->navigate('file://...')->waitForNavigation();...

Maybe listening to the Page::NETWORK_IDLE event in ->waitForNavigation() would achieve the same result!