hideElements and elements options not working about capture-website HOT 5 CLOSED

Can you try the delay option? Set it to 20 seconds or something. The element might not exist yet when the website is loaded. Also see waitForElement, which will make it wait for that element.

from capture-website.

I just tried, doesn't work :(

I tried putting a 20s delay and waited for the ad wrapper to load before hiding it

{
        delay: 20,
        waitForElement: "#mys-content",
        elements: ".character",
        hideElements: [
            "#mys-content"
        ],
        fullPage: true
}

from capture-website.

Update: Even framing it around a simple <p class="entity-name"> doesn't render it, it simply stays at position 0, 0 and takes a screenshot,

I changed the width and height options to 50 each (because the image I need is 50px by 50px) and it just takes a picture of the top left corner of the webpage

from capture-website.

I believe that instead of iterating over potentially non-existing elements on the page

if (options.hideElements) {
    await Promise.all(options.hideElements.map(selector => page.$$eval(selector, hideElements)));
}

It could be more beneficial to actually inject a style element to the page like this:

if (options.hideElements) await page.addStyleTag({
    content: `${options.hideElements.join(', ')} { display: none; }`
});

This way there should not be any situation when the element that is supposed to be hidden is not loaded when element hiding executes.

from capture-website.

@krnik Good idea! 👌

from capture-website.