[BUG] page.route causes requests to timeout

Context:

• Playwright Version: 1.16.3
• Operating System: Mac
• Node.js version: v16.8.0
• Browser: Chromium
• Extra: -

System:

• OS: macOS 11.6
• Memory: 752.16 MB / 16.00 GB

Binaries:

• Node: 16.8.0 - /usr/local/bin/node
• Yarn: 1.22.17 - /usr/local/bin/yarn
• npm: 7.21.0 - /usr/local/bin/npm

Languages:

• Bash: 3.2.57 - /bin/bash

npmPackages:

• playwright: ^1.14.1 => 1.16.3

Code Snippet

import {chromium} from "playwright";
const b = await chromium.launch({
    headless: false
})
const p = await b.newPage();
await p.route(() => false, async (route) => {
    await route.continue();
});
await p.goto('https://www.google.com');

Describe the bug

Any usage of page.route makes subsequest requests timeout. Even though no routes are matched and all requests are set to continue. If I remove the p.route part, it starts to work.

[David-Vithayathil]

The issue is not restricted to google.com

I have written a playwright test script that visits a website and uses page.route to intercept and inject a JS script. The request hangs only for chromium browser and works consistently for firefox.

[monkekode]

Looks like this happens on sites owned by google: google.com, youtube.com, but not on facebook.com, microsoft.com.