Issue with main script file query selecting the iframe

MdNaushad — Tue, 31 Oct 2023 10:43:41 GMT

Hello Everyone, Hope you are doing all well.

We have a chrome extension in Google Chrome Store, and we are facing a problem specifically with power bi website.
What we have noticed is, in the main.34f71e48ece3f91f3cbc.js, while looking for iframe in the page, this is the code

this.documentService.nativeDocument.querySelector("iframe").onload = e=>{ this.$scope.$emit("iFrameLoaded") }

Through our extension , we inject an iframe to the page right after the beginning of the body tag, (we are injecting iframe to gather few metrics, the iframe has javascript code)
and the code above instead of selecting the powe-bi page iframe selects the iframe injected by the extension and attaches the onload event to the extension iframe.

The ideal code for this should have been

this.documentService.nativeDocument.querySelector("#pbi-iframe").onload = e=>{ this.$scope.$emit("iFrameLoaded") }

i.e. atleast the selection of iframe should have been through some specified id or through css or through some identifier.
This way the script is blindly looking for an iframe.

Can someone please suggest if there is any alternative to work around this?
Following points were already considered
a) Try to append the extension iframe at the end instead of at the start (but this might cause some values that the extension is calculating to be deviated)

b) Delay the attaching of extension iframe - this has the same impact as first approach

topic Issue with main script file query selecting the iframe in Report Server

Issue with main script file query selecting the iframe