• [6.10.0-rc8] Navbar scroll bar always visible in Firefox


    Cossid
    • Closed Minor

    This may have come from an earlier release and css was cached, but it is certainly present in 6.10.0-rc8.

     

    css style #nav-block contains the property "overflow-y: scroll;" which on Firefox forces the visibility of a scroll bar.

    "overflow: -moz-scrollbars-none;" property is also set, but it is discarded as an invalid property value.

     

    "overflow: -moz-scrollbars-none;" instead needs to be replaced with "scrollbar-width: none;" to have the desired effect seen in Chrome and other browsers.  This is a Firefox-only property and will be discarded in Chrome and other browsers.

    Edit: Is appears there is an attempted fix in the css that isn't applying, and it's a less optimal fix than scrollbar-width:

     

    #nav-block{-ms-overflow-style:none;overflow:-moz-scrollbars-none}
    #nav-block.mozilla{margin-left:-17px;overflow-y:scroll}

     

    the .mozilla class isn't being applied anywhere, and the margin-left is more of a hack than scrollbar-width, as it causes layout shift..

     

    This is currently broken in both Gray and Azure themes.

    FF-navbar-scroll.png




    User Feedback

    Recommended Comments

    7 hours ago, ChatNoir said:

    Pretty sure it was already reported and a fix is on it's way. I cannot find the previous post though. 👼

     

    I couldn't find anything searching for scroll, hence the post.  Glad it is being addressed.

     

    6 hours ago, bonienl said:

    You need to update Fifrefox to the latest version.

     

     

    I'm on the latest, 100.0, the issue is Unraid is using a deprecated property value, and upgrading to newer versions won't solve that.

    Link to comment

    Sorry, you are correct, it is FF-100

    I have already included the fix which came after rc8, next Unraid release should be alright!

     

    Link to comment

    Thanks, and just as a note, I edited the original post, this applies to the Azure theme as well.

    Marking closed.

    Link to comment


    Join the conversation

    You can post now and register later. If you have an account, sign in now to post with your account.
    Note: Your post will require moderator approval before it will be visible.

    Guest
    Add a comment...

    ×   Pasted as rich text.   Restore formatting

      Only 75 emoji are allowed.

    ×   Your link has been automatically embedded.   Display as a link instead

    ×   Your previous content has been restored.   Clear editor

    ×   You cannot paste images directly. Upload or insert images from URL.


  • Status Definitions

     

    Open = Under consideration.

     

    Solved = The issue has been resolved.

     

    Solved version = The issue has been resolved in the indicated release version.

     

    Closed = Feedback or opinion better posted on our forum for discussion. Also for reports we cannot reproduce or need more information. In this case just add a comment and we will review it again.

     

    Retest = Please retest in latest release.


    Priority Definitions

     

    Minor = Something not working correctly.

     

    Urgent = Server crash, data loss, or other showstopper.

     

    Annoyance = Doesn't affect functionality but should be fixed.

     

    Other = Announcement or other non-issue.