How `pixi-viewport` compatiable with `OffscreenCanvas`?

[alexzhang1030]

Hi guys, I want to use pixi-viewport with pixi-offscreen-canvas, it can be rendered, but events are not triggered.

What am I missing?

import { Application, Container, Graphics } from 'pixi.js';
import { Viewport } from 'pixi-viewport';

const canvas = document.createElement('canvas');
const view = canvas.transferControlToOffscreen();

(async () => {

  const app = new Application();

  await app.init({ view, background: '#1099bb', resizeTo: window });

  document.body.appendChild(canvas);

  const container = new Container();

  const graphics = new Graphics().rect(0, 0, 100, 100).fill(0xff00ff);
  container.addChild(graphics);

  const viewport = new Viewport({
    // viewport is NOT working on offscreen canvas events.
    events: app.renderer.events,
  });
 
  viewport
    .drag({ mouseButtons: 'middle' })
    .pinch()
    .wheel({ trackpadPinch: true, wheelZoom: false });

  app.stage.addChild(viewport);

  const graphics2 = new Graphics().rect(200, 200, 100, 100).fill(0x00ffff);
  viewport.addChild(graphics2);

  app.stage.addChild(container)

Stackblitz Link