Puppeteer: Node is either not visible or not an HTMLElement

Puppeteer needed the element's on-screen box and could not get a non-empty one. In current versions this is raised by elementHandle.screenshot() when the element has no visible bounding box. In older versions (roughly before v19) it was also the error thrown by click(), hover() and tap(), which is why so many older answers attach it to clicking; current versions report clicks as Node is either not clickable or not an Element.

Not visible here has a concrete meaning: the element has zero width or height, is display: none, sits in a collapsed parent, or is not rendered at all. "Not an HTMLElement" covers nodes with no layout box of their own, such as text nodes, some SVG children and <option> elements inside a closed select.

What is not wrong: the selector found something. It found a node with nothing to measure.

await page.setViewport({ width: 1366, height: 900 });
const chart = await page.waitForSelector('#sales-chart', { visible: true });
await chart.screenshot({ path: 'chart.png' });

// Choosing from a <select> without clicking hidden <option>s
await page.select('select#country', 'US');

Always combine element interactions and element screenshots with a visible: true wait or the Locator API, which checks visibility automatically. Use a realistic desktop viewport for scraping and screenshot jobs, and avoid selectors that can match off-screen duplicates. When upgrading from an old Puppeteer release, update error handling that matched on this string.