Skip to content

[BUG]Visual Artifact (Mask Layer with Yellow Block) Appears During Page Navigation in Playwright with Electron + Chromium on Windows 11 #38725

@zhr250952-dot

Description

@zhr250952-dot

When automating browser interactions using Playwright in an Electron environment, a brief visual artifact occurs during page navigation. Specifically, after launching the browser via Playwright and performing a search on Google, clicking any link in the search results triggers a transient semi‑transparent mask/overlay. A small yellow block appears at the top‑center of this mask for a moment before the target page loads. This artifact is purely visual and does not affect functionality.

Environment:

  • Playwright version: 1.57.0
  • Electron version: 35.2.1
  • Chromium version: 132.0.0.0 (local installation)
  • Operating System: Windows 11
  • Test scenario: Manual interaction within the launched browser (not headless)

Steps to Reproduce:

  1. Launch Chromium via Playwright in an Electron context.
  2. Navigate to https://www.google.com.
  3. Perform any search (e.g., “test”).
  4. Click any link in the search results.
  5. Observe the brief appearance of a mask overlay with a small yellow block at the top‑center during the transition.

Expected behavior:
Page transitions should be smooth without any visual artifacts or unexpected overlay elements.

Actual behavior:
A mask‑like overlay with a yellow rectangular block appears for a split second when moving from the search results page to the target page.

Additional notes:

  • The issue only occurs when the browser is launched through Playwright; manual browsing in the same Chromium version does not show the artifact.
  • The artifact appears consistently on every search‑result link click.
  • It may be related to Playwright’s injection of scripts, network interception, or rendering emulation during navigation phases in an Electron‑wrapped Chromium instance.
Image

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions