question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

arrive.js with iframes?

See original GitHub issue

I have a parent page that embeds a child iframe. I set up arrival listeners for elements in child iframe; however, these listeners are never called. Is it possible to use arrive.js with iframes?

P.S. I’m running google-chrome --disable-web-security to bypass same-origin checks.

Issue Analytics

  • State:open
  • Created 8 years ago
  • Reactions:3
  • Comments:5 (2 by maintainers)

github_iconTop GitHub Comments

2reactions
kylekylecommented, Sep 4, 2020

The monitoring package is a rewrite of arrive and can watch for elements in iframes:

const monitor = monitoring(document.body, {iframes: true});
 
monitor.added('div', div => {
  if (div.ownerDocument != document) {
    console.log('new div in an iframe!');
  }
});

Disclosure: I am the author of monitoring.

0reactions
manuelmeurercommented, Feb 12, 2018

Hi @uzairfarooq, I’m also interested in this feature but can’t get it to work. 😄 Anything I can do to help debug or implement this?

Read more comments on GitHub >

github_iconTop Results From Across the Web

How to use `arrive.js` to find an element arrived inside of a ...
To check for an element within an iframe you need to include the arrive.js library and your script that calls the arrive() function...
Read more >
Create IFRAME only when arrive on keyframe
In my educational project, I need an IFRAME element to appear only when the ... timelineEventHandler is already a JavaScript function, ...
Read more >
How Can I Hide Elements in the Export Dialogue? - K15t Help Center
If you want to hide certain elements of the export dialogue from users, you can do so by injecting custom CSS into the...
Read more >
Inserting and Populating an iframe Element
You want to create an iframe element, insert it into the current document, ... to execute before the components under construction arrive on...
Read more >
Loading Third-Party JavaScript - web.dev
But third-party scripts also come with many risks that should be taken into ... When scripts in third-party iframes take a long time...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found