Full-frame sketches have scroll bars by default

[davepagurek]

p5.js version

1.11.1

What is your operating system?

Mac OS

Web browser and version

Firefox 148

Actual Behavior

createCanvas(windowWidth, windowHeight) has some subtle scrolling:

Expected Behavior

Ideally there should be no scroll bars. I think this may be a recent regression, since it used to not be this way?

Steps to reproduce

Steps:

Make sure you can actually see scroll bars. On macs they only show up while actively scrolling while on a device with a trackpad. For me anyway, they show up all the time when I have a mouse. But you can turn them on all the time for testing: https://unsung.aresluna.org/testing-tip-always-show-scrollbars/

Snippet:

function setup() {
  createCanvas(windowWidth, windowHeight);
}

function draw() {
  background(220);
}

Live: https://editor.p5js.org/davepagurek/sketches/Rfq0Q21AD

[davepagurek]

Seems to be a Firefox specific issue, I don't get scrollbars on Chrome.

[yugalkaushik]

I'm also not getting any scrollbar on chrome. But I use brave browser as well and scrollbar appears here.

[Geethegreat]

I ran the sketch in brave, chrome, edge and firefox but i dont see any scrollbars in any.

[kunstewi]

I can confirm the scrollbar on firefox, and not on safari, well each browser inserts some of it's own css to the html we just have to add some custom css for html in the GlobalStyle variable in previewIndex.js module. something like:

  html,
  body,
  #root {
    margin: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }

  iframe {
    display: block;
  }

if anybody wanna take this up you're welcome.