[BUG] ScreenshotAsync timeouts while using the new Chromium headless mode

[aleksander-szczepan]

Version

1.49.0

Steps to reproduce

Execute the following C# code, which is using the new headless mode.
It used to work fine with the old headless mode.

using Microsoft.Playwright;

int width = 468;
int height = 60;
var problematicUrl = "https://api.bannerflow.com/preview/731073/10760085/preview?access-token=[access_token_removed]&snapshot=12689920&autoplay=off&preload=false&seek=preload-frame&fadein=false&env=image-generator";
var playwright = await Playwright.CreateAsync();
var browser = await playwright.Chromium.LaunchAsync(new BrowserTypeLaunchOptions
    {
        Channel = "chromium",
        Args = ["--headless"]
        
    });

var page = await browser.NewPageAsync(new BrowserNewPageOptions
{
    ScreenSize = new ScreenSize
    {
        Height = height,
        Width = width
    }
});

// removing the SetViewportSizeAsync call fixes the timeout issue
await page.SetViewportSizeAsync(width, height);

Console.WriteLine("navigating to url");
await page.GotoAsync(problematicUrl);

Console.WriteLine("waiting 10 seconds for the page to load");
await Task.Delay(10000);

Console.WriteLine("Taking screenshot (this will timeout in 30s)");
_ = await page.ScreenshotAsync();

Console.WriteLine($"screenshot taken!");
await page.CloseAsync();
Console.ReadLine();

project file:

<Project Sdk="Microsoft.NET.Sdk">

    <PropertyGroup>
        <OutputType>Exe</OutputType>
        <TargetFramework>net9.0</TargetFramework>
        <ImplicitUsings>enable</ImplicitUsings>
        <Nullable>enable</Nullable>
        <DockerDefaultTargetOS>Linux</DockerDefaultTargetOS>
    </PropertyGroup>

    <ItemGroup>
      <PackageReference Include="Microsoft.Playwright" Version="1.49.0" />
    </ItemGroup>

</Project>

Environment

Docker

FROM mcr.microsoft.com/dotnet/runtime:9.0 AS base
WORKDIR /app


ARG BUILD_CONFIGURATION=Release

# Install node so that we can install playwright
RUN apt-get update && apt-get --no-install-recommends install  -y \
	ca-certificates \
	gnupg \
	wget \
	&& rm -rf /var/lib/apt/lists/*

RUN wget -qO- --max-redirect=0 https://deb.nodesource.com/setup_18.x | bash -

RUN apt-get --no-install-recommends install -y nodejs \
	&& rm -rf /var/lib/apt/lists/*

# install playwright
RUN npx playwright@1.49 install  --with-deps chromium --no-shell

RUN mkdir -p /home/app/.cache/ms-playwright
RUN chown -R $APP_UID /home/app/.cache/ms-playwright

RUN cp -r /root/.cache/ms-playwright/* /home/app/.cache/ms-playwright/
RUN chown -R $APP_UID /home/app/.cache/ms-playwright

FROM mcr.microsoft.com/dotnet/sdk:9.0 AS build
WORKDIR /src
COPY ["PlaywrightIssue.csproj", "./"]
RUN dotnet restore "PlaywrightIssue.csproj"
COPY . .
WORKDIR "/src/"
RUN dotnet build "PlaywrightIssue.csproj" -c Release -o /app/build

FROM build AS publish
RUN dotnet publish "PlaywrightIssue.csproj" -c Release -o /app/publish /p:UseAppHost=false
RUN chown -R $APP_UID /app

FROM base AS final
WORKDIR /app
COPY --from=publish /app/publish .
USER $APP_UID

ENTRYPOINT ["dotnet", "PlaywrightIssue.dll"]

Expected behavior

Screenshot is taken

Actual behavior

Unhandled exception. System.TimeoutException: Timeout 30000ms exceeded.
2025-01-28T09:01:10.408058028Z Call log:
2025-01-28T09:01:10.408061179Z   -   - taking page screenshot
2025-01-28T09:01:10.408063638Z   -   - waiting for fonts to load...
2025-01-28T09:01:10.408066003Z   -   - fonts loaded
2025-01-28T09:01:10.408068476Z    at Microsoft.Playwright.Transport.Connection.InnerSendMessageToServerAsync[T](ChannelOwner object, String method, Dictionary`2 dictionary, Boolean keepNulls) in /_/src/Playwright/Transport/Connection.cs:line 206
2025-01-28T09:01:10.408072276Z    at Microsoft.Playwright.Transport.Connection.WrapApiCallAsync[T](Func`1 action, Boolean isInternal) in /_/src/Playwright/Transport/Connection.cs:line 535
2025-01-28T09:01:10.408075101Z    at Microsoft.Playwright.Core.Page.ScreenshotAsync(PageScreenshotOptions options) in /_/src/Playwright/Core/Page.cs:line 690
2025-01-28T09:01:10.408077688Z    at Program.<Main>$(String[] args) in /home/aleks/RiderProjects/PlaywrightIssue/Program.cs:line 33
2025-01-28T09:01:10.408080571Z    at Program.<Main>(String[] args)

Additional context

Works fine when the call to page.SetViewportSizeAsync(width, height) is removed

[agg23]

You accidentally included an API key in your example URL, I removed it for you.

Can you please provide a public reproducible issue? bannerflow.com appears to be down at the current moment, and in any case I cannot access a URL with your API key.

I also need more information about your working environment. It seems you are using Docker. What image are you using, what OS/version?

It's likely that the issue is related to #33330.

[aleksander-szczepan]

The provided access-token is valid only for this specific URL, so it's fine to share.
The url works for me, please make sure that you have ad blocker turned off:

https://api.bannerflow.com/preview/718371/10558999/preview?access-token=c1a709be4ab1fcc53b86e9711c7ab71c3862c5f55dc08c228b5bb9a995b2c57c&snapshot=12485003

I have attached the dockerfile in the bug report, it's using
mcr.microsoft.com/dotnet/runtime:9.0

The issue is reproducible while running this docker image both in AKS and Ubuntu 24.04 locally.

[agg23]

We have attempted to replicate this under multiple scenarios and have been unable to. Any way you can help us repro would be appreciated.

We highly suggest you use our .NET Docker image as your image base. This would prevent you from needing to set up dependencies like Node.

[dgozman]

This sounds similar to #33330, let me close this one as a duplicate.