I am creating a simple p5.js canvas using the values from it’s parent, which takes up exactly half the screen. When I add the canvas which has the exact size as my
#musicscape elements, a vertical scrollbar is added (tested on Chrome) but I cannot figure out why or how to get rid of it.
Here is a fiddle to show the issue.
The only way to remove it is to set the canvas width to
$musicscape.outerHeight() - 3 which also creates a small white line at the bottom that isn’t part of the canvas. How can I get rid of the vertical scrollbar while keeping the canvas to the size of its parent?