Unable to select ajax loaded content

Hi everyone!

On this page - https://realatlas.com/co/rent-a-home/#rental-properties , once the content is loaded after the " VIEW RENTAL PROPERTIES" button press, I am unable to select any elements.

The whole dynamically loaded content area has a yellow overlay and I can't drill down to children elements either.

What is the correct approach to scrape this content?

Thanks in advance!

@qaz Hi, after inspecting the structure of this website it appears that the desired data is embedded into an iframe(which basically is another document from a different source).

To avoid unnecessary complexity you can use the iframe source instead.

Sitemap example:

{"_id":"atlas-api-findigs-com","startUrl":["https://atlas.api.findigs.com/listings?1645539799771&filters%5Bproperty_list%5D=Colorado%20Active%20ListingsWEBSITE%20%28SMR%29&theme_color=292d7c&filters%5Border_by%5D=date_posted"],"selectors":[{"delay":0,"id":"wrapper","multiple":true,"parentSelectors":["_root"],"selector":"div.listing-item","type":"SelectorElement"},{"delay":0,"id":"title","multiple":false,"parentSelectors":["wrapper"],"regex":"","selector":".listing-item__title a","type":"SelectorText"},{"delay":0,"id":"details","multiple":false,"parentSelectors":["wrapper"],"regex":"","selector":"p.u-space-ts","type":"SelectorText"}]}

Hope it helps!