title: puppeteer nested list returning as txt
body: <pre><code>const browser = await puppeteer.launch();
  const page = await browser.newPage();
  await page.goto('https://wordscapes.yourdictionary.com/');
  
  const allItemsInPage = await page.$$(&quot;.item&quot;);
  for (const item of allItemsInPage) {
    const url = await item.getProperty('href');
  
    const spanHandle = await item.$('.card');
    const textHandle = await spanHandle.getProperty('innerText');
    const text = await textHandle.jsonValue();
  
    console.log(`${url}`);
    console.log(`${text}`);
  }
  </code></pre>
  <p><strong>allItemsInPage</strong>
  Contains Cards in each card has nested list.
  What I expected Output: <a href="https://jsfiddle.net/2moab493/" rel="nofollow noreferrer">Go and run the code then check the console </a></p>