(Firefox extension) Error: Not allowed to define cross-origin object as property on [Object] or [Array] XrayWrapper #8407
Description
Operating System
Mac M1, macOS 14.5
Browser Version
Firefox 129.0
Firebase SDK Version
10.12.4
Firebase SDK Product:
Auth
Describe your project's tooling
Vue, Vite
Describe the problem
Firebase auth seems to fail at code startup when making a heartbeat call to IndexDB:
Error message:
Error: Not allowed to define cross-origin object as property on [Object] or [Array] XrayWrapper
Call is being made from a Vue component injected into a browser page via content script.
The code works fine in Chrome and in Firefox locally against the Firebase emulator in local development.
This failure to connect to the IndexDB appears to then affect the call to signInWithCustomToken
at a later juncture in the code (not certain that they are related):
Steps and code to reproduce issue
I'm in the process of creating a reproducible sample, but so far I've only observed this with a published extension (everything works fine when working locally and connected to the emulator as it does not care about the referrer).
Chrome version of the extension: https://chromewebstore.google.com/detail/turasapp/lpfijfdbgohlblnadiokliolkkeeblpo
Firefox version: https://addons.mozilla.org/en-US/firefox/addon/turas-app/
Both are non-obfuscated so it should be possible to step through the source in the file maps-connector.js