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

Comece em src/components/StickyResponsiveSidebar/StickyResponsiveSidebar.js por volta das linhas 91-109 e inspecione o comportamento da altura e do overflow da barra lateral no desktop e nos breakpoints responsivos. Verifique se as entradas de FAQ Versioning Policy e Virtual DOM and Internals continuam visíveis e acessíveis ao rolar até o final nos tamanhos de tela afetados.