[Question] Is there a way to identify if an element is intractable?

I can use IntersectionObserver (elementHandle.scrollIntoViewIfNeeded()) to understand if the element is in viewport but it doesn’t help if the element is behind an overlay/dialog. Is there some function that I can use to confirm if the element that I am going to perform an action upon is actually present in the view.

Something like: page.isInView(selector/xpath) and return the element.boundingBox.

[VikramTiwari]

Ah! I understand the confusion. It would be great to have a function which could tell the state of the element. Right now we have waitForSelector but it triggers even when the element is not in view. It would be very useful to

• have a function which tells the state of an element, or
• a set of functions which wait for an element to get into a state

These states could be:

• in the DOM tree: already present
• in the viewport: already present
• visible to the user: element is not behind a sticky header, or not hidden behind a dialog box etc
• user can interact: element is not disabled, or hidden behind a translucent overlay etc

I think they will be very helpful because they would give the exact state of an element and thus allow better understanding. Even better if I could attach a listener on the page for a specific selector and it would trigger these different events as an element cycles through them.

As for a specific use cases:

• I was trying to click on element-2 which appeared in view after clicking on element-1 + an uncertain amount of animation time.
• I was trying to click on a text which was hidden behind a sticky header

[VikramTiwari]

Click free from sticky headers is fantastic. Thanks! 😃

Regarding event listener addition, what are the inefficient ways? haha I was unable to find anything at all in this case. For example: getEventListeners(domElement) was of no use.