Describe the bug:
How do you cause this bug?
- Use 3d CSS in widget
- in certain situations text rendered under wrong angle
For example in following test widget, if change left: 25vw
to left: 26vw
, text suddenly renders wrong (not inside the “square”). In Chrome browser same thing does not have problem.
<html>
<body>
<style>
body {
background: white;
}
.testL {
z-index: 2000;
position: absolute;
left: 25vw;
top: 10vh;
perspective: 30rem;
}
.target {
background: red;
width: 4rem;
height: 4rem;
transform: rotateY(45deg) translateZ(1rem);
}
</style>
<div class="testL">
<div class="target">
Test test
</div>
</div>
</body>
</html>
Screenshots / video of bug:
Crayta:
In Chrome (with 26vw):
Which platform: PC
Which input: keyboard + mouse
Your Crayta username: str-read
Game seen in (including “Hub” or “Editor for XYZ”): Editor
How regularly do you see this? (E.g. 2/3 times - please try 3 times if possible): always
Version number (found in Help tab in Settings): 0.7.409.102703