Fix for DOM access before document ready

[jrvidal]

I know this has been discussed previously as a WONTFIX, since good practices mandate that we load JS code at the bottom of the body element. However:

• We currently don't have control over this in the CMS frontend.
• Fixing it is going to be relatively costly (specially compared to the line count in this PR!)
• We totally want to fix it properly 🤞, we just don't want to be blocked on new features while the work to fix it is ongoing.
• I don't think there are significant downsides to this approach.
  • In particular, I don't think this will encourage people to load JS in the non-recommended way.
• And, personally, I would argue that a library should make as few assumptions as possible about how it is loaded 🔥

[jrvidal]

cc @ivmos

[pladaria]

👍

[pladaria]

Thanks! :)

[github-actions]

Deploy preview for mistica-web ready!

Built with commit f01a97a

✅ Preview: https://mistica-web-jyoape78i.vercel.app

This pull request is being automatically deployed with vercel-action

[github-actions]

Deploy preview for mistica-web ready!

Built with commit 8ef7ef0

✅ Preview: https://mistica-web-r4rub4z46.vercel.app

This pull request is being automatically deployed with vercel-action

[github-actions]

Deploy preview for mistica-web ready!

Built with commit 19100a5

✅ Preview: https://mistica-web-coopt2yy0.vercel.app

This pull request is being automatically deployed with vercel-action

[github-actions]

Deploy preview for mistica-web ready!

Built with commit d746a67

✅ Preview: https://mistica-web-mexw4c1er.vercel.app

This pull request is being automatically deployed with vercel-action

[jrvidal]

Phew, sorry this took way too many iterations.

[jrvidal]

Hm, not sure if you'd rather have me rebase at this point 😅

[atabel]

lgtm now 👍