Left navigation auto scrolling and link changing on scrolling is not working · Redocly/redoc#1235

2020-04-20T12:55:33.000Z

Hi We found a bug while integrating ReDoc into our application. While scrolling the left navigation bar is not scrolling or auto collapsed or even highlighted and even the link in the navigation bar is not changing. Please check the [video](https://drive.google.com/file/d/1rE-R7wWqVNfnMNNW1yY2ZU2kJyFf400h/view?usp=sharing) Our application is a SPA built using react and the redoc version we are using is 2.0.0-rc.26. ``` const APIRef = props => { return ( { if (error) { console.log(error); } }} /> ); }; ``` The only warning we could see in the console is ![image](https://user-images.githubusercontent.com/22080666/79744841-b9f31b80-8324-11ea-98b9-cda2dc6bd4c0.png)

(7 comments) (0 reactions) (0 assignees)TypeScript (21,877 stars) (2,272 forks)batch import

Type: Bughelp wanted

説明

We found a bug while integrating ReDoc into our application. While scrolling the left navigation bar is not scrolling or auto collapsed or even highlighted and even the link in the navigation bar is not changing. Please check the video

Our application is a SPA built using react and the redoc version we are using is 2.0.0-rc.26.

const APIRef = props => {
  return (
    <div id="redoc">
      <RedocStandalone
        spec={petStoreSpec}
        onLoaded={error => {
          if (error) {
            console.log(error);
          }
        }}
      />
    </div>
  );
};

The only warning we could see in the console is

コントリビューターガイド

技術スタック: typescriptreact
領域: frontenddocumentation
Issue 種別: bug
難度: 3
推定時間: 1-3 hours
活動状況: stale
明確さ: mostly clear
前提条件: React knowledgeScroll event handlingBasic Redoc understanding
初心者向け度: 40
調査方針: Investigate the left navigation scrolling and highlighting behavior in Redoc components, likely in the SideNav or Menu components. Check if the issue is related to React lifecycle (useEffect dependencies) when Redoc is used inside a SPA. Review the console warning about 'ResizeObserver loop limit exceeded' which may indicate performance issues. Look at the scroll event listeners and ensure they update the active link state correctly. Consider if the problem is caused by missing or incorrect scroll container references.