Skip to content

[Bug]: Screenshot does not capture scrollbar #30228

@jpEngProd

Description

@jpEngProd

Version

1.42.0

Steps to reproduce

  1. Create a .net project with Playwright.Microsoft nuget package.
  2. Add below code in Program.cs
using Microsoft.Playwright;

var browserLaucnhOptions = new BrowserTypeLaunchOptions
{
    Headless = false,
    Timeout = 60000
};

var playwright = await Playwright.CreateAsync();

var browser = await playwright.Chromium.LaunchAsync(browserLaucnhOptions);

var page = await browser.NewPageAsync();
await page.GotoAsync("https://www.bing.com/search?q=scrollbar+in+a+page");
await page.ScreenshotAsync(new PageScreenshotOptions { Path = "screenshot.png", FullPage = true });
await browser.CloseAsync();``

Expected behavior

Screenshot with scrollbar.
image

Actual behavior

Below is the captured screenshot. It does not contain scrollbar.

screenshot

Additional context

Also tried configuring --hide-scrollbars as mentioned in few threads. That also doesnb

var browserLaucnhOptions = new BrowserTypeLaunchOptions
{
    IgnoreDefaultArgs = new List<string>() { "--hide-scrollbars" },
    Headless = false,
    Timeout = 60000
};

Environment

OS: Windows
Playwright version: 1.42.0
Dotnet version: 8.0
Browser: Chrome

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions