Help, my canvas is running away from me.

[9SMTM6]

I've got no idea whats going on here:

2024-06-14.16-49-30.mp4

the same thing also happens in Firefox, when other issues are resolved, its just harder to see.

As you can see this is not happening on native.

This render is also a straight copy from the demo app (where the call is a bit more abstracted, but I spot no UI-elements between that could change the behavior). In the demo app it works fine on browsers too, and I just can't find what makes the difference, unless its the general setup thats broken.

The source code is here. Its essentially the eframe template with wgpu as renderer (which had/has a bunch of issues, documented in this issue) and then I removed the placeholder content and pasted in the webgpu render from the demo app.

On native the size set here - unchanged from the demo app - is respected, on web seemingly not.

[9SMTM6]

I've solved this issue by transplanting CSS parts from

egui/web_demo/index.html

Line 40 in 2c00cb3

/* Position canvas in center-top.

until

egui/web_demo/index.html

Line 69 in 2c00cb3

}

into the respective spot that's provided by the template.

I'll make a PR or something for the template app.

[emilk]

The next release of egui will fix this: #4536