Skip to content

BUG - Hidden "FAQ" menu items in sidebar on desktop screen #5582

@09xHarsh

Description

@09xHarsh

Issue

Hi, I have noticed an issue with the sidebar section on the desktop screen. The FAQ menu contains two items(Versioning Policy and Virtual DOM and Internals) that are hidden or not shown properly scroll down to the bottom.

Steps To Reproduce

Although there may be different approaches to fix this issue I have found one of them mentioned below. Link of the following code to update.

  • from
    [media.greaterThan('small')]: {
                  position: 'fixed',
                  zIndex: 2,
                  // previous code
                  // height: 'calc(100vh - 60px)',
                  // updated code
                  height: calc(100vh - 110px);
                  overflowY: 'auto',
                  WebkitOverflowScrolling: 'touch',
                  marginRight: -999,
                  paddingRight: 999,
                  backgroundColor: '#f7f7f7',
                  opacity: '1 !important',
                },
    
                [media.size('small')]: {
                 // previous code
                  // height: 'calc(100vh - 40px)',
                  // updated code
                  height: calc(100vh - 110px);
                },
    
                [media.between('medium', 'large')]: {
                 // previous code
                  // height: 'calc(100vh - 50px)',
                  // updated code
                  height: calc(100vh - 110px);
                },

The current behavior

react_sidebar

The expected behavior

react_sidebar_e

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions