Page background visible in fullscreen

[Moerphy]

When the presentation canvas has a color other than white the page background appears as white area under the canvas in fullscreen.
Steps to reproduce:

1. New presentation. Menu->Edit CSS-> add: svg{ background: black; }
2. Set browser to fullscreen.
   This is due to the canvas not scaling in height (only uniform scaling possible so far).
   A workaround is to set the page background in the CSS to the same color as the canvas background. (Menu->Edit CSS-> add body{ background: black; } ).

[linuslabo]

Can't be a solution just adding somewhere (eg. in editor.ui.js) the following code?

$(window).resize(function() {
$('#dizzy').height($(window).height())
});

PS.
A border appears to the right side too, when enlarging the window, but adding also " .width($(window).width()) " to solve this causes strange element-moving and scaling visual inaccuracies.

[Moerphy]

Something similiar is already done on resizes.
The Problem is that the Canvas-SVG does have it's own Coordinate System (that needs to be synced with the coordinate system of the page due to some dirty hack I did there), so just resizing does mess up some mouse events that require coordinates. (That is fixed in the next version though)

Resizing the width and height by two different ratios is also problematic, because that would resize the content too (-> images, text and such would be stretched in width or height). SVG has some options to deal with resizing (http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute). Not sure if the current setting is the best choice.