playwright: [BUG] in shadow DOM not working with click()

Context:

  System:
    OS: Linux 5.4 Ubuntu 20.04.1 LTS (Focal Fossa)
    Memory: 10.23 GB / 31.34 GB
    Container: Yes
  Binaries:
    Node: 14.15.1 - ~/.local/share/nvm/v14.15.1/bin/node
    npm: 6.14.8 - ~/.local/share/nvm/v14.15.1/bin/npm
  Languages:
    Bash: 5.0.17 - /usr/bin/bash
  npmPackages:
    playwright: 1.9.2 => 1.9.2
    playwright-core: 1.9.2 => 1.9.2

• Browser: Chromium

Code Snippet

Proprietary project, but I got a nice picture.

// this fails, it hangs here and times out
await page.click('#apply-button button');

Describe the bug

I checked with the (awesome!) Inspector and saw this.

retrying click action, attempt #1
waiting for element to be visible, enabled and stable
element is visible, enabled and stable
scrolling into view if needed
done scrolling
checking that element receives pointer events at (734.03,526)
<xxxx-base-v0-button primary="" slot="bottom" id="apply-button">…</xxx-base-v0-button> intercepts pointer events
retrying click action, attempt #2

So it seems to be visible, enabled and stable, but gets stuck at “intercepts pointer events”. I have never had this problem before, and I’ve written many tests before. What could be wrong?