Canvas Margin

Hey guys !

I feel that I might be in the wrong section but I really don't know where to post this question. I've looked for solutions to avoid this issue I have with all my p5 project but I didn't find anything on this forum or on google — maybe not searching with the good keywords...

Anyway, on all my projects, when I press the space bar or the down arrow key, a white space appears at the bottom...

It seems to be a HTML issue but I don't know how to solve it. I'm using this css config that I found somewhere :

<style type="text/css"> body {padding: 0; margin: 0; overflow:hidden;} body::-webkit-scrollbar { display: none; } </style>

if you want to see the projects I'm talking about :

any suggestion is more than welcome, thank you !



  • Both the space bar and down arrow key scroll the browser down the current page; which does indeed suggest that there's some kind of margin added in the browser you're testing on. In Chrome and IE on Windoze it seems to work fine for me :(|)

    Could be a viewport issue or perhaps something related to high dpi screens?

Sign In or Register to comment.