How to match the rendered image to the canvas size?

[Scooter-F]

I've got an issue where the size of the application rendered through greenfield does not match the size of the canvas element it's being rendered in. The application is getting cut off. I had assumed that the size of the rendered application would match what's set for the canvas size, but is that assumption wrong? Is there another step I need to take? Any help would be super appreciated!

[Zubnix]

On initial render Greenfield will allow the application to choose it's own size. It seems this has an obvious downside 😅 I'll see if I can make a fix for this.

[Scooter-F]

Alright, I've got the compositor set up so that when the canvas that everything is being rendered in resizes the application is resized and maximized, i.e. always maximized and positioned in the top left corner of the canvas. The problem that I am running into now is that when the canvas is resized to be larger the mouse interactions only work withing the original canvas size.

So if the canvas starts with dimensions of 100x100 and I resize it to be 200x200 the application I am rendering will be 200x200. However the mouse will only work in the original 100x100 area. @Zubnix Any thoughts?

[Scooter-F]

To clarify I can still drag my mouse around, but any listeners I've added, or any clicks do not register when they are out of the original canvas bounds.

[Zubnix]

That sounds like a bug 🤔 I'll see if I can reproduce

[Scooter-F]

@Zubnix Tried out the full screen mode in the kiosk branch (very cool btw). The error I last mentioned looks to be present there as well. I think my original description of the issue may have been inaccurate though. It looks like the clicks/other events are still firing but the mouse position is not updated beyond the original size of the canvas.

[Scooter-F]

Also when the canvas is resized the right edge and bottom edge of the application I'm rendering are once again getting cut off. Everything looks fine on the initial render.