I didn’t know Firefox had a ctx.drawWindow() function, that could indeed make this a lot easier.
One alternative I thought of was to simply increase the size of the window, but the restrictions here are even lower then with the canvas. I tested it on Windows 10, and the following restrictions seem to apply:
- setting a window width or height of more than 214 (16384) will be clipped to that value
- setting a wight that results in a
.innerWidthof more than 213 (8192) will resize the native window, but neither the content nor the UI, resulting in a blank bar at the right - setting a height of more than 8198 (don’t know where this restriction comes from) will still flow the content correctly, but hide any additional pixel rows under a black bar
- for me that means a practical maximum of 8204, by 8198 px, but Windows doesn’t handle it particularly well if you drag or minimize windows of that size
Bottom line I am actually rather disappointed by this, that’s just 600px wider than my current monitor setup (if I include the laptop screen, which I usually don’t use). But two 5k monitors are already wider than this. That isn’t really future-proof …