Skip to content

Horizontal scrollbar on Google Chrome while snowfall is enabled #1

Closed

Description

@jacopotediosi

The problem

Enabling the snowfall in Google Chrome makes the horizontal scrollbar appear.

This doesn't happen in Firefox.

Image

Version of OctoPrint Wrapped

1.1.0

Version of OctoPrint

OctoPrint 1.12.0.dev324+gfea7c18a4.dirty Python 3.13.7

Operating system running OctoPrint

Arch Linux

Browser and version of browser, operating system running browser

Google Chrome Version 143.0.7499.40 (Official Build) (64-bit) on Arch Linux

Checklist of files to include below

  • Systeminfo Bundle (always include!)
  • Contents of the JavaScript browser console (always include in cases of issues with the user interface)
  • Screenshots and/or videos showing the problem (always include in case of issues with the user interface)

Additional information & file uploads

Nothing useful in the JavaScript browser console :(

Activity

  1. changed the title [-]Weird horizontal scrollbar on Chrome while snowfall is enabled[/-] [+]Horizontal scrollbar on Google Chrome while snowfall is enabled[/+] on Dec 10, 2025
  2. jacopotediosi commented on Dec 10, 2025

    @jacopotediosi
    MemberAuthor

    It happens also on Chromium Version 142.0.7444.175 (Official Build) (64-bit), so I expect it to happen on all chromium-based browsers.

  3. jacopotediosi commented on Dec 10, 2025

    @jacopotediosi
    MemberAuthor

    Adding the following code to pure-snow.css seems to fix the problem. I don't know if there are any side effects.

    #snow {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        pointer-events: none;
        z-index: 32767;
    }
  4. added a commit that references this issue on Dec 10, 2025
    39ebd5c
  5. foosel commented on Dec 10, 2025

    @foosel
    Member

    The only side effect I could see was that it made the snowfall look like it was before the actual page, instead of on the whole page. E.g. if I scroll down vertically (if I can) the snow flakes would move along instead of staying.. Not sure I'm explaining this well, but in any case, going with position: absolute and a dynamic adjustment of the container's height on initialization/resize seems to solve it nicely.

    I've prepared a commit and if the tests run through green I'll push out 1.1.1.

  6. foosel commented on Dec 10, 2025

    @foosel
    Member

    Now, I just wished I knew why I didn't get a notification about your issue, I saw it by pure chance 🤔

    edit For some reason I wasn't watching the repo. Huh. Anyhow, fixed.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions