Selector stops working while running script.

[I use userscripts]

I have a script that used to work...

Selecting a detail record under

https://www.kroger.com/mypurchases

(also works on https://www.dillons.com/mypurchases )

There is a field that says something like "In-store March 26"

The selector for that field is

$( "h2.kds-Heading.kds-Heading--m.my-0" ).outerText

I can use this in the Watch Expressions or the console command line in the Firefox debugger.

But as soon as I run the script, with a break point set on

var tripDate = $( "h2.kds-Heading.kds-Heading--m.my-0" ).outerText

Not only does tripDate come up "undefined" the watch list also shows that selector as undefined.

The field is still present on screen.  I don't understand why the selector stops seeing that DOM element.

I'm fairly proficient with JavaScript, but this has me stumped.

I'm using jQuery v3.5.1 that is bundled with the script.

I am attempting to update the script, the previous selector, before they changed the site was

var tripDate = $( "span:contains('Order date:')" ).find( 'br' ).get(0).nextSibling.nextSibling.nodeValue

[I use userscripts]

And a week later it just started working again.  No explanation on either end of it.

[كوميدي Yemen‎]

لم افهم مالمشكله عندما اذهب لصفحه يرفض الدخول لها 

هووووكه

--
You received this message because you are subscribed to the Google Groups "greasemonkey-users" group.
To unsubscribe from this group and stop receiving emails from it, send an email to greasemonkey-us...@googlegroups.com.
To view this discussion visit https://groups.google.com/d/msgid/greasemonkey-users/44e10d40-91a4-428b-bda2-99777d86aa69n%40googlegroups.com.

[I use userscripts]

DOM has to be readable or there is no page for the browser to render.

The fact that JavaScript was unable to select an element of DOM was just weird.

It had worked before and it works now, but for a few days there it would not work.  Firefox did receive an update since then, so perhaps a bug in the JS engine?