Method to show if element is displayed

Does Puppeteer has API which help detect if element is visible (or displayed), analogue to Selenium (Webdriver) .isDisplayed method?

I found method waitForSelector method which has options visible, but I think if DOM node has display: block; and some parent component has style overflow: hidden and my element outside the parent this waitForSelector returns wrong

[pavelbinar]

Hi guys, I am getting bit lost in the various discussions and implementation efforts regarding visibility gong on here 😃

You was discussing the visibility in the viewport… I have slightly different problem.

I am trying to wait for the element which is present in the DOM, but is not visible from human point of view - it is overlaid by video.

Is there a way how to detect if the element is visible by human and clickable? Even if that would be temporary workaround.

If I am posting it into wrong ticket, sorry for that and feel free to correct me.

Thanks!

[aslushnikov]

Using Intersection Observer would be more appropriate for this case.

@ebidel nice idea, we should use Intersection Observer for the waitForSelector implementation.

Does Puppeteer has API which help detect if element is visible (or displayed), analogue to Selenium (Webdriver) .isDisplayed method?

Not yet, but it makes perfect sense to have ElementHandle.isVisible() that is aligned with waitForSelector’s implementation of visibility.