Opening links in nodebb widget

[Panda]

@phenomlab the convo we started on nodebb forum, I thought to continue it here.
Still having the issue of links not loading often in widgets
Have you been able to take a look?

[phenomlab]

A more efficient way of including this would be to not over complicate it and leverage a standard iframe (providing the CSP headers of the remote site permit this) like below

<iframe src="https://www.classmarker.com/online-test/start/?quiz=gag66aea7922f0a5" width="700" height="800"></iframe>

This works first time every time on your site as intended.

[phenomlab]

@Panda not yet, will do so later. For continuity, can you provide the code here that you want to use?

[Panda]

@phenomlab yes, its just a quiz.

<script src="https://www.classmarker.com/public/js/embed-classmarker-1.0.0.js?quiz=gag66aea7922f0a5" data-quiz="gag66aea7922f0a5" data-width="700" data-height="800" ></script>

The fact this is so problematic makes me wonder if something should be built into the widget code in nodebb to sort whatever the timing issue is, that causes loading to fail

[phenomlab]

@Panda I’ll test this and revert. Will get back to you later.

[phenomlab]

@Panda It’s not caused by NodeBB, but the way you are calling the URL - see the error message below reported in the console

embed-classmarker-1.0.0.js?quiz=gag66aea7922f0a5:7  Uncaught TypeError: Failed to construct 'URL': Invalid URL
    at __createIframe (embed-classmarker-1.0.0.js?quiz=gag66aea7922f0a5:7:80)
    at load (embed-classmarker-1.0.0.js?quiz=gag66aea7922f0a5:3:100)
    at embed-classmarker-1.0.0.js?quiz=gag66aea7922f0a5:1:1

[phenomlab]

A more efficient way of including this would be to not over complicate it and leverage a standard iframe (providing the CSP headers of the remote site permit this) like below

<iframe src="https://www.classmarker.com/online-test/start/?quiz=gag66aea7922f0a5" width="700" height="800"></iframe>

This works first time every time on your site as intended.