Can't retrieve IFrame in {headless: false} mode

[pahan35]

Steps to reproduce

1. Take prepared repository https://github.com/pahan35/puppeteer-stripe-iframe-detection-bug
2. Install packages npm i
3. Run npm start

Tell us about your environment:

• Puppeteer version: 1.20.0
• Platform / OS version: MacOS Mojave 10.14.6
• URLs (if applicable): https://stripe-payments-demo.appspot.com
• Node.js version: 12.10.0

What steps will reproduce the problem?

const puppeteer = require('puppeteer')
const {Events} = require('puppeteer/lib/Events')

;(async () => {
  const browser = await puppeteer.launch({
    headless: false,
  })

  const page = await browser.newPage()

  const waitForFrame = async name => {
    const frames = new Set()
    return new Promise((resolve, reject) => {
      const wait = setTimeout(() => {
        reject(
          Error(
            `Timeout while waiting for frame "${name}", have: ${JSON.stringify(
              [...frames],
            )}`,
          ),
        )
      }, 10000)

      function checkFrame() {
        const frame = page.frames().find(f => {
          const fname = f.name()
          frames.add(fname)
          return fname.includes(name)
        })
        if (frame) {
          clearTimeout(wait)
          resolve(frame)
        } else {
          page.once(Events.Page.FrameNavigated, checkFrame)
        }
      }

      checkFrame()
    })
  }

  await page.goto('https://stripe-payments-demo.appspot.com')

  try {
    const stripeFrame = await waitForFrame('privateStripeFrame')
    await stripeFrame.waitFor('body')
    console.log('Body found successfully')
  } catch (e) {
    console.error(e)
  }
  process.exit()
})()

1. Just run code above

What is the expected result?
I expect to see Body found successfully from script, as it works in headless: true mode

What happens instead?
Puppeteer fails on retrieving iframe

Extra info is described in README.MD of the linked repo

[tshmit]

pahah, check out #4960

[stale]

We're marking this issue as unconfirmed because it has not had recent activity and we weren't able to confirm it yet. It will be closed if no further activity occurs within the next 30 days.

[pahan35]

pahah, check out #4960

Thanks. Both variants work for me.

  const browser = await puppeteer.launch({
    headless: true,
    args: ['--disable-features=site-per-process'],
  })

or

  const browser = await puppeteer.launch({
    headless: true,
    args: ['--disable-web-security', '--disable-features=IsolateOrigins', ' --disable-site-isolation-trials'],
  })

[stale]

We're marking this issue as unconfirmed because it has not had recent activity and we weren't able to confirm it yet. It will be closed if no further activity occurs within the next 30 days.

[OrKoN]

That should work in the latest version, I believe. Please open a new issue if it still reproduces.

[salahbm]

Facing same error with new headless: 'new'. If headlessL false it is working without any erros, however if I enable the headless more it can not find the iframe : (

  const browser = await puppeteer.launch({ headless: 'new' });
  const page = await browser.newPage();
  await page.setViewport({ width: 1920, height: 1080 });
  await page.goto("https://map.naver.com/v5/search/" + searchName);
  await wait(1);

  let frame: any | null;
  const timer = setTimeout(() => {
    browser.close();
  }, 5000);
  try {
    await page.waitForSelector("#entryIframe", { timeout: 30000 });

    const iframeHandle: any | null = await page.$("#entryIframe");
    if (!iframeHandle) {
      throw new Error("iframe element not found.");
    }

    frame = await iframeHandle.contentFrame();
    clearTimeout(timer);
  } catch {
    console.log(searchName + " iframe not found.");
    browser.close();
    return;
  }

  await wait(2);