responsively-app icon indicating copy to clipboard operation
responsively-app copied to clipboard

A few pixels of vertical scroll on sites that are sized to 100vh or 100% height

Open sarajw opened this issue 2 years ago • 3 comments

🐞 bug report

✍️ Description

On a site that should fill the window and no more, some vertical scrolling is seen.

🕵🏼‍♂️ Is this a regression?

I don't know, I'm new to the app

🔬 Minimal Reproduction

Feel free to open https://blog.sarawallen.com in Responsively. The landing page doesn't have a scrollbar on Firefox or Chromium browsers.

🌍 Your Environment

This shortcut didn't work for me. I'm on Windows 10 Pro

sarajw avatar May 25 '22 10:05 sarajw

Hey @sarajw :wave:,

Thank you for opening an issue. We will get back to you as soon as we can. Have you seen our Open Collective page? Please consider contributing financially to our project. This will help us involve more contributors and get to issues like yours faster.

https://opencollective.com/responsively

We offer priority support for all financial contributors. Don't forget to add priority label once you become one! :smile:

Hi @sarajw I checked your website, and I came across this style rule:

image

That is not being applied in Responsively (the version of chromium in Responsively do not support :where() pseudo-class, see this and this )

Without that being applied there is a margin on the <body/>, setting margins to 0px with margin: 0px; removes the scroll

We know this is one of our most urgent issues to solve but we haven't managed to do it yet 😓 (we need to upgrade electron and that is not an easy task). you can follow this issue https://github.com/responsively-org/responsively-app/issues/456

jjavierdguezas avatar May 30 '22 13:05 jjavierdguezas

Thank you so much for chasing this up @jjavierdguezas !

sarajw avatar May 30 '22 14:05 sarajw