kaboom 3000.0.0-beta.3 letterbox bug
ismyhc opened this issue · 1 comments
ismyhc commented
Hi,
Ive just started a 3000.0.0-beta.3 project and when trying to use letterbox: true, I get the following result:
import kaboom from "kaboom";
const k = kaboom({
width: 375,
height: 812,
letterbox: true,
//stretch: true,
});
index.html is simple:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Vite App</title>
</head>
<body>
<script type="module" src="/main.js"></script>
</body>
</html>
This happens in safari and chrome. Actually, I get the following in chrome. Not sure if this is something on my side: