Puppeteer node not clickable: inspect the element and geometry

The selected node has no clickable element box.

Error message

Node is either not clickable or not an Element

How this error happens

A hidden element has no clickable point even when the selector finds it.

The snippets use an open Puppeteer page named page.

await page.setContent(
    '<button id="save" style="display: none;">Save</button>'
);

const save = await page.$("#save");

await save.click();

How to fix

Wait for the application to display the control before clicking. This demo reveals the button explicitly.

await page.$eval("#save", (button) => {
    button.style.display = "block";
});

await page.locator("#save").click();

Things to keep in mind

On the actual website, trigger the UI state that reveals the button. A forced DOM click bypasses visibility checks and may not represent a real user interaction.

All Puppeteer errors