Strategy for running content script on dynamic / virtual table

[mcbergsma]

New to Plasmo, but trying to build a feature that converts non-linked URLs to clickable links. I can do it easily via the console by selecting all span elements, checking if they contain a url, replacing the innerText with an anchor to the prev value. I thought this would be a simple "first project" in plasmo but immediately I've run into a blocker because the table turns out to be virtualized, meaning the cells aren't always loaded until you scroll to them, and the table is also loaded dynamically within the page (after "load").

Anyone have any thoughts on how to get an extension to monitor for these elements? I tried a MutationObserver, but I couldn't get it working because (I think) the span''s are nested deeply within the table, ie: td>div>div>div>span. Thoughts?

[Acorn221]

I think mutation observers should trigger whenever there is any mutation, however from my experience, from playing around with mutation observers and intersection observers to display an overlay on dynamic content, the most effective solution I came up with was to just to do something like this:

setInterval(() => {
   // check for new URLs 
}, 50);