[Bug]: Node is either not clickable or not an HTMLElement

Bug description

Steps to reproduce the problem:

Given the following simple script:

import puppeteer from 'puppeteer';

(async () => {
  const browser = await puppeteer.launch();
  const page = await browser.newPage();

  await page.goto('https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Set');
  await Promise.all([
    page.waitForNavigation(),
    page.click('#set\\.prototype\\.keys > a')
  ]);
  await browser.close();
})();

It throws the following error:

throw new Error('Node is either not clickable or not an HTMLElement');

That’s due to area calculations which returns 0: https://github.com/puppeteer/puppeteer/blob/3735ef13f1ca8ed6455956f56fb8c9884fd70545/src/common/ElementHandle.ts#L1048

Puppeteer version

15.3.0

Node.js version

16.13.0

npm version

^15.3.0

What operating system are you seeing the problem on?

Linux

Relevant log output

No response