title: “Error: Node is either not visible or not an HTMLElement”. Puppeteer
body: <p>I added an option to do scrollpagetobottom. with this npm.</p>
  <blockquote>
  <p>const scrollPageToBottom = require('puppeteer-autoscroll-down');</p>
  </blockquote>
  <p>after it, I have a loop that should click on many elements on the page But after I use the npm to scrolldown after one click I get this error:</p>
  <blockquote>
  <p>Error: Node is either not visible or not an HTMLElement</p>
  </blockquote>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>(async () =&gt; {
    try {
      //Launching Puppeteer
      const browser = await puppeteer.launch({
        headless: false,
      });
      const page = await browser.newPage();
  
      //going to new Page
      await page.goto(
        'https://translatewiki.net/wiki/Special:Translate?group=%21additions&amp;language=fr&amp;filter=%21translated&amp;action=translate'
      );
  
      //waiting for the Js to load(DOM)
      await page.waitForSelector('.tux-message');
  
      await scrollPageToBottom(page, 5000, 2000);
      console.log('finish scroll');
      //Clicking on Questions to Load the suggestions
      const texts = await page.$$(` div.eight.columns.tux-list-message`);
      for (const text of texts) {
        await new Promise((r) =&gt; setTimeout(r, 100));
        await text.click();
      }
      } catch (err) {
      console.log(err);
    }
  })();</code></pre>
  </div>
  </div>
  </p>
  <p>I really don't know why it's happening hope for a master to help me.</p>