[REGRESSION]: Label is not visible anymore

[jperl]

Context:

• GOOD Playwright Version: 1.8.1
• BAD Playwright Version: 1.9.1
• Operating System: Mac 11.1 & Ubuntu Bionic

Code Snippet

Playwright 1.9.1 says element is not visible but Playwright 1.8.1 works.

const {chromium} = require('playwright');

(async () => {
  const browser = await chromium.launch();
  const page = await browser.newPage();
  await page.goto('https://v2.grommet.io/checkbox', { waitUntil: "domcontentloaded" });
  await page.click("label");
  await browser.close();
})();

Describe the bug

pw:api => page.goto started +1ms
  pw:api navigating to "https://v2.grommet.io/checkbox", waiting until "domcontentloaded" +1ms
  pw:api   navigated to "https://v2.grommet.io/checkbox" +424ms
  pw:api   "domcontentloaded" event fired +2s
  pw:api <= page.goto succeeded +2ms
  pw:api => page.click started +0ms
  pw:api waiting for selector "label" +4ms
  pw:api   "load" event fired +0ms
  pw:api   selector resolved to visible <label class="StyledCheckBox__StyledCheckBoxContainer-s…>…</label> +120ms
  pw:api attempting click action +2ms
  pw:api   waiting for element to be visible, enabled and stable +0ms
  pw:api     element is not visible - waiting... +1ms
  pw:api   "networkidle" event fired +3s
  pw:api <= page.click failed +27s
node:internal/process/promises:245
          triggerUncaughtException(err, true /* fromPromise */);
          ^

page.click: Timeout 30000ms exceeded.
=========================== logs ===========================
waiting for selector "label"
  selector resolved to visible <label class="StyledCheckBox__StyledCheckBoxContainer-s…>…</label>
attempting click action
  waiting for element to be visible, enabled and stable
    element is not visible - waiting...
============================================================
Note: use DEBUG=pw:api environment variable to capture Playwright logs.Error
    at Object.captureStackTrace (/Users/jonathanperl/dev/pw/node_modules/playwright/lib/utils/stackTrace.js:48:19)
    at Connection.sendMessageToServer (/Users/jonathanperl/dev/pw/node_modules/playwright/lib/client/connection.js:69:48)
    at Proxy.<anonymous> (/Users/jonathanperl/dev/pw/node_modules/playwright/lib/client/channelOwner.js:64:61)
    at /Users/jonathanperl/dev/pw/node_modules/playwright/lib/client/frame.js:279:34
    at Frame._wrapApiCall (/Users/jonathanperl/dev/pw/node_modules/playwright/lib/client/channelOwner.js:77:34)
    at Frame.click (/Users/jonathanperl/dev/pw/node_modules/playwright/lib/client/frame.js:278:21)
    at /Users/jonathanperl/dev/pw/node_modules/playwright/lib/client/page.js:447:60
    at Page._attributeToPage (/Users/jonathanperl/dev/pw/node_modules/playwright/lib/client/page.js:231:20)
    at Page.click (/Users/jonathanperl/dev/pw/node_modules/playwright/lib/client/page.js:447:21)
    at /Users/jonathanperl/dev/pw/label.js:7:14 {
  name: 'TimeoutError'
}