i use page.type(selector, text[, options]) i want to input one element ,but actual input other element

code:

const puppeteer = require('puppeteer');

puppeteer.launch().then(async function(browser) {
  const page = await browser.newPage();
  await page.goto("https://github.com/", { waitUntil : ['load', 'domcontentloaded']});
  await page.type(".js-chromeless-input-container .js-site-search-focus", "841185308");
  await page.screenshot({path: '2.png', fullPage: true});
})

What is the expected result?

What happens instead?

[aslushnikov]

The following works just fine for me:

const puppeteer = require('puppeteer');

puppeteer.launch().then(async function(browser) {
  const page = await browser.newPage();
  await page.setViewport({
    width: 1600,
    height: 600
  });
  await page.goto("https://github.com/", { waitUntil : ['load', 'domcontentloaded']});
  const selector = 'input.form-control.header-search-input.js-site-search-focus';
  await page.waitForSelector(selector);
  await page.type(selector, "841185308");
})

[mboeser]

@yanguoyu try setting a larger viewport, it worked for me when I did

await page.setViewport({width: 1200, height: 1500});