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

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

The expected behavior

Beginne in src/components/StickyResponsiveSidebar/StickyResponsiveSidebar.js ungefähr bei den Zeilen 91–109 und untersuche das Verhalten der Höhe und des Überlaufs der Seitenleiste auf dem Desktop und an responsiven Breakpoints. Überprüfe, dass die FAQ-Einträge Versioning Policy und Virtual DOM and Internals beim Scrollen bis zum unteren Ende auf den betroffenen Bildschirmgrößen sichtbar und erreichbar bleiben.