excaliburjs / Excalibur

🎮 Your friendly TypeScript 2D game engine for the web 🗡️

Home Page:https://excaliburjs.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

CSS transform() confuses excalibur pointers

eonarheim opened this issue · comments

Steps to Reproduce

Absolutely position and apply a css transform the canvas hosting the game

image

See example repo jyoung4242/ExcaliburDemo@2be1a12

Expected Result

Pointer events should work

Actual Result

Coordinate miss match and events do not work

Environment

  • browsers and versions: NA
  • operating system: Windows 11
  • Excalibur versions: Latest main

Current Workaround

Use flex box or other CSS techniques other than transform() to position