Resume submission form does not open on the first click

🐞 Bug Reports
1

Hi! The resume submission widget that I created does not open on the first mouse click, only on the second click. Could you please advise? Thank you!

2

One more detail: it’s embedded into the durable website. could you please advise? Thank you!

3

Hi @svetvet ,can you kindly share a link to the page on your website so we can see the issue live?

4

It’s the careers page at www.outsampler.com

Please let me know how to fix it! Thank you!

5

@svetvet Thank you for sharing the link, We will review it and update you

6

@svetvet please try loading our script dynamically on the page. Here’s how you can do that:
window.addEventListener(‘DOMContentLoaded’, function() {
var script = document.createElement(‘script’);
script.src = ‘https://cdn.commoninja.com/sdk/latest/commonninja.js’; // Common Ninja script URL
script.async = true;
document.head.appendChild(script);
});
This method ensures that the script is added after the page has finished loading, which can help prevent conflicts or loading issues.

7

Could you please advise how to combine the adjustment that you are proposing with the code that I currently have? Please see below:

8

Here is the code I currenly have. Please advise how to adjust it. Thank you!
script src=“https://cdn.commoninja.com/sdk/latest/commonninja.js” defer></script
div class=“commonninja_component pid-27553a5f-8944-44f7-826a-ffc51c0bac85”></div

10

@svetvet Place this script tag in your footer, just before the closing </body> tag, to ensure the DOM is ready and the script loads at the right time:

<script>
  window.addEventListener('DOMContentLoaded', function() {
    var script = document.createElement('script');
    script.src = 'https://cdn.commoninja.com/sdk/latest/commonninja.js';
    script.async = true;
    document.head.appendChild(script);
  });
</script>

Then, place the widget’s <div> exactly where you want it to appear in your page layout (e.g., inside a section):

<div class=“commonninja_component pid-27553a5f-8944-44f7-826a-ffc51c0bac85”></div>```
11

What you suggested does not at all! Nothing is being rendered in the section if I do it.