[BUG] Headless vs headed chromium layout mismatch on Linux

[pavelfeldman]

Headed

Headless

[pavelfeldman]

Steps to repro:

1. Create Playwright project. Accept all defaults.

npm init playwright@latest

2. Replace tests/example.spec.ts with

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

test.use({ headless: false });

test('get started link', async ({ page }) => {
  await page.goto('https://playwright.dev/');
  console.log(await page.getByRole('link', { name: 'Get started' }).boundingBox());
});

3. Run tests

npx playwright test --project chromium

[chenshuichao]

test.use({ headless: new });

[aslushnikov]

Meeting notes:

• move red dot to the target element instead of absolute coordinates