title: Puppeteer iFrame handling
body: <p>Im just experimenting with Puppeteer and now Im trying to automatically fill out the Shopify Payment field for testing.
  The html code:
  <a href="https://i.stack.imgur.com/YwvlC.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/YwvlC.png" alt="Part1" /></a>
  <a href="https://i.stack.imgur.com/RNfJD.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/RNfJD.png" alt="Part2" /></a></p>
  <p>Its reproducible by just simply go to any shopify site, add a product to cart and on the last step you have to enter the payment details.</p>
  <p>I tried to fill out the &quot;Card number&quot; field like this:</p>
  <pre><code>const ccccHandle = await page.$('#number iframe');
  const ccccframe = await ccccHandle.contentFrame();
  await ccccframe.type('input[type=text]', cardNumberValue, { delay: 1000 });
  </code></pre>
  <p>But its not working. I even tried a slight delay before filling out, but nothing changed.I handled an iFrame like this on another site already and it worked. Why does it not work here?
  How can i fix this?</p>