Open mathedu4all opened 1 year ago
parent container's event is triggered twice.
parent container's event should be triggered once as child.
import { Container, createRoot, Graphics } from '@pixi/react' import { Application, ICanvas } from 'pixi.js' import React from 'react' import * as PIXI from 'pixi.js' const container = document.getElementById('container') as unknown as ICanvas if (container) { const app = new Application({ width: 1080, height: 1920, view: container, antialias: true, backgroundColor: 0xf0e1d8 }) const root = createRoot(app.stage) const draw = (g: PIXI.Graphics) => { g.beginFill(0x000000) g.drawRect(0, 0, 100, 100) g.endFill() } root.render( <Container eventMode={'static'} onpointerdown={() => console.log('down')}> <Container eventMode={'static'} onpointerup={() => console.log('up')}> <Graphics draw={draw} /> </Container> </Container> ) }
@pixi/react
pixi.js
React
ReactDOM
No response
Current Behavior
parent container's event is triggered twice.
Expected Behavior
parent container's event should be triggered once as child.
Steps to Reproduce
Environment
@pixi/react
version: 7.0.3pixi.js
version: 7.2.1React
version: 18.2.0ReactDOM
version: 18.2.0Possible Solution
No response
Additional Information
No response