When you click on the fullscreen button, layers become misaligned

[JoyfulGen]

It looks like this:

Pixel.fullscreen.bug.mov

Painting new elements also doesn't work in full screen mode; the painted area appears above where the cursor is clicking:

Pixel.other.full.screen.bug.mov

[fujinaga]

This may be irrelevant but was this image resized before going into Pixel? If so, try with an un-resized image.

[JoyfulGen]

@fujinaga I tried it with an un-resized image and the result was the same.

[yinanazhou]

@JoyfulGen could you please provide the minimum resources and workflow for me to reproduce this issue? Thanks!

[JoyfulGen]

@yinanazhou here's the workflow:
Pixel round 0.json

All you need is one image, such as this one:

Steps:

1. Run the workflow with the 4of4 image and then open Pixel.js
2. We usually do 3 layers, but I don't think it matters for this issue!
3. Paint over a few neumes (this goes fastest with the rectangle tool)
4. Make sure you're in Zoom 3 (it's more obvious than in zoom 4)
5. Click on the fullscreen button on the top right corner.

[fujinaga]

@yinanazhou: can you look at this?

[yinanazhou]

@fujinaga will check this today!

[yinanazhou]

@JoyfulGen is this resolved?

[JoyfulGen]

@yinanazhou no it's not! I just checked on both staging and production and both issues are still happening: when in full screen, the layers are misaligned and if I try to draw something new the painted area doesn't appear where my pointer is.