Unable to preventDefault inside passive event listener invocation.

[cauancesar]

Hello,

I'm integrating the react-tournament-brackets in Vue/Nuxt 3, and I've successfully integrated most components. But, I receive the following error in the console when clicking and dragging the bracket inside the SVGViewer component:

My code:

<template>
    <Bracket :matches="matches" :matchComponent="Match">
        <template #svgWrapper="props">
            <SVGViewerVue v-bind="props" :width="1500" :height="1500" />
        </template>
    </Bracket>
</template>

<script setup>
import matches from '~/assets/fake_api/matches_bracket.json'
import { SingleEliminationBracket, Match, SVGViewer } from '@g-loot/react-tournament-brackets';
import { applyPureReactInVue } from 'veaury';

const Bracket = applyPureReactInVue(SingleEliminationBracket)
const SVGViewerVue = applyPureReactInVue(SVGViewer)

defineComponent({
    components: {
        Bracket,
        SVGViewerVue
    },
    data() {
        return {
            matches: matches,
            Match: Match,
        }
    }
})
</script>

It doesn't seem to affect the overall functionality of the app, but I'm wondering if I'm doing something wrong

[devilwjp]

@cauancesar What version of Vearuy did you import?

And is it possible to provide a test project that can reproduce this problem?

[cauancesar]

@cauancesar What version of Vearuy did you import?

And is it possible to provide a test project that can reproduce this problem?

Sorry for the late response

I was using veaury 2.6.2

I created the reproduction here: https://stackblitz.com/edit/nuxt-starter-uz8uywum?file=app.vue After further testing, I found that the issue only occurs in Opera GX, which makes me think the browser is causing the problem.