pptr.dev elementHandle.$ API example throws Error: Node is either not visible or not an HTMLElement

[jbeacher6]

Steps to reproduce

Tell us about your environment:

• Puppeteer version: 1.13.0
• Platform / OS version: Ubuntu 18.04.2 LTS
• URLs (if applicable): https://google.com
• Node.js version: v8.10.0

What steps will reproduce the problem?
Run the first example code at this link: https://pptr.dev/#?product=Puppeteer&version=v1.13.0&show=api-elementhandleselector

const puppeteer = require('puppeteer');

puppeteer.launch().then(async browser => {
  const page = await browser.newPage();
  await page.goto('https://google.com');
  const inputElement = await page.$('input[type=submit]');
  await inputElement.click();
  // ...
});

1. save above code as elementHandleExample.js

yarn add puppeteer

node elementHandleExample.js

What is the expected result?
4. I do not receive an error from production example API code.

What happens instead?
5. I receive an error from production example API code:

UnhandledPromiseRejectionWarning: Error: Node is either not visible or not an HTMLElement

The same error also shows when I run this code at https://try-puppeteer.appspot.com/

const browser = await puppeteer.launch();
const page = await browser.newPage();
await page.goto('https://google.com');
const inputElement = await page.$('input[type=submit]');
await inputElement.click();

Error running your code. Error: Node is either not visible or not an HTMLElement