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

Bắt đầu tại src/components/StickyResponsiveSidebar/StickyResponsiveSidebar.js quanh các dòng 91-109 và kiểm tra hành vi về chiều cao và overflow của thanh bên trên desktop cũng như tại các breakpoint responsive. Xác minh rằng các mục FAQ Versioning Policy và Virtual DOM and Internals vẫn hiển thị và có thể truy cập được khi cuộn xuống cuối trên các kích thước màn hình bị ảnh hưởng.