top level await is not supported in Firefox (v88)

[raffaelj]

System

OS: openSUSE Tumbleweed
Desktop: i3
Browser: Firefox 88.0 (64-bit)
Firefox-Addons: NoScript, uBlock Origin, Decentraleyes, BlockTube, Facebook Container, KeePassXC-Browser

Steps to reproduce:

• create or edit collection
• see browser dev tools in js console tab

full error message

SyntaxError: top level await is not currently supported vue.js:1:12848
    VueJS 32
    _compile http://localhost:8080/modules/App/assets/js/vue-view.js:96
    compile http://localhost:8080/modules/App/assets/js/vue-view.js:21
    (Async: promise callback)
    compile http://localhost:8080/modules/App/assets/js/vue-view.js:20
    connectedCallback http://localhost:8080/modules/App/assets/js/vue-view.js:105
    <anonymous> http://localhost:8080/modules/App/assets/js/vue-view.js:109
    <anonymous> http://localhost:8080/modules/App/assets/js/vue-view.js:113

When I open it in chromium browser, I don't have this error message and I can edit the fields. In Firefox I only see the "Fields" headline without the "+" button below.

---

edit:
This should work in the upcoming Firefox 89 - https://bugzilla.mozilla.org/show_bug.cgi?id=1681046

But even when Firefox can handle top level awaits out of the box, there will be a lot of Firefox derivates (e.g. Tor browser) and ESR (Extended Support Release) versions around for a long time.

[aheinze]

Thanks!