Issue Uncaught DOMException: Permission denied to access property "__v_isRef" on cross-origin object

[pmadrigal95]

Hello.

I was using this tutorial https://nicolasbeauvais.github.io/vue-social-sharing/?path=/story/vuesocialsharing--multiple-share-networks as example on my project, but I got the following error : "Uncaught DOMException: Permission denied to access property "__v_isRef" on cross-origin object"

At the ui level it seems that it is working but the console has the error previously shown

data networks: [ { network: 'email', name: 'Email', icon: 'mdi-email-outline', color: '#333333', }, { network: 'facebook', name: 'Facebook', icon: 'mdi-facebook', color: '#1877f2', }, { network: 'linkedin', name: 'LinkedIn', icon: 'mdi-linkedin', color: '#007bb5', }, { network: 'skype', name: 'Skype', icon: 'mdi-skype-business', color: '#00aff0', }, { network: 'telegram', name: 'Telegram', icon: 'mdi-send-circle', color: '#0088cc', }, { network: 'tumblr', name: 'Tumblr', icon: 'mdi-alpha-t-box-outline', color: '#35465c', }, { network: 'twitter', name: 'Twitter', icon: 'mdi-twitter', color: '#1da1f2', }, { network: 'whatsapp', name: 'Whatsapp', icon: 'mdi-whatsapp', color: '#25d366', }, { network: 'wordpress', name: 'Wordpress', icon: 'mdi-wordpress', color: '#21759b', }, ],

        `{
            url: this.link,
            title: `Perfil de ${this.user.name}`,
            description: `BUO: Revolucioná la forma de certificar tus habilidades y experiencias`,
            quote: 'BUO: Revolucioná la forma de certificar tus habilidades y experiencias',
            hashtags: `Buo Shareable Link`,
        }`

Template

` <ShareNetwork v-for="network in networks" :network="network.network" :key="network.network" :url="sharing.url" :title="sharing.title" :description="sharing.description" :quote="sharing.quote" :hashtags="sharing.hashtags" twitterUser="BuoSupport"

{{ network.network }}

`

Version "vue": "^2.6.11", "vue-social-sharing": "^3.0.9",

Browser

Firefox 105

Could you please help me and tell me how I could solve the problem?

[ankurk91]

Same issue on Windows 10, Firefox

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[ankurk91]

keep this alive

[ilic993]

Happens only in Firefox and with Facebook network

[ephraim-ikido]

Happens to me also in google authentication on firefox

[skb-hashchi]

Also with me on Google Chrome and Web3auth authentication

[wilmanbhigu]

Hello.

I was using this tutorial https://nicolasbeauvais.github.io/vue-social-sharing/?path=/story/vuesocialsharing--multiple-share-networks as example on my project, but I got the following error : "Uncaught DOMException: Permission denied to access property "__v_isRef" on cross-origin object"

At the ui level it seems that it is working but the console has the error previously shown

data networks: [ { network: 'email', name: 'Email', icon: 'mdi-email-outline', color: '#333333', }, { network: 'facebook', name: 'Facebook', icon: 'mdi-facebook', color: '#1877f2', }, { network: 'linkedin', name: 'LinkedIn', icon: 'mdi-linkedin', color: '#007bb5', }, { network: 'skype', name: 'Skype', icon: 'mdi-skype-business', color: '#00aff0', }, { network: 'telegram', name: 'Telegram', icon: 'mdi-send-circle', color: '#0088cc', }, { network: 'tumblr', name: 'Tumblr', icon: 'mdi-alpha-t-box-outline', color: '#35465c', }, { network: 'twitter', name: 'Twitter', icon: 'mdi-twitter', color: '#1da1f2', }, { network: 'whatsapp', name: 'Whatsapp', icon: 'mdi-whatsapp', color: '#25d366', }, { network: 'wordpress', name: 'Wordpress', icon: 'mdi-wordpress', color: '#21759b', }, ],

        `{
            url: this.link,
            title: `Perfil de ${this.user.name}`,
            description: `BUO: Revolucioná la forma de certificar tus habilidades y experiencias`,
            quote: 'BUO: Revolucioná la forma de certificar tus habilidades y experiencias',
            hashtags: `Buo Shareable Link`,
        }`

Template

<ShareNetwork v-for="network in networks" :network="network.network" :key="network.network" :url="sharing.url" :title="sharing.title" :description="sharing.description" :quote="sharing.quote" :hashtags="sharing.hashtags" twitterUser="BuoSupport" > <v-tooltip top> <template v-slot:activator="{ on, attrs }"> <v-btn class="ma-2" fab x-small outlined :color="network.color" v-bind="attrs" v-on="on" > <v-icon :color="network.color"> {{ network.icon }} </v-icon> </v-btn> </template> <span>{{ network.network }}</span> </v-tooltip> </ShareNetwork>

Version "vue": "^2.6.11", "vue-social-sharing": "^3.0.9",

Browser

Firefox 105

Could you please help me and tell me how I could solve the problem?

does this happen in development? I think it's caused by the URL you use. When the URL used does not use SSL (https://) then this error will occur