HTML5 Notepad - Getting Better
This works very well now.
The only thing is how to get it to stay within the other 3 "walls" of the viewport.
ie dragging down does the same - makes the scrollbar occur - even though everything was fitting to the page.
Exactly same thing as was happening on the right hand side.
Hopefully this would be similarly fixable in the JS.
=======
FYI - EDIT
If this above is somehow not possible - the only one that is obviously critical is the DOWN direction.
ie blocking moving outside of viewport on all 4 sides would be great.
blocking down and RIGHT (Right is already done) is the one that causes design issues - so if just these two could be done that that would be helpful too although not as good as the scenario above