Redocly/redoc

Left navigation auto scrolling and link changing on scrolling is not working

Open

#1235 aperta il 20 apr 2020

Vedi su GitHub
 (7 commenti) (0 reazioni) (0 assegnatari)TypeScript (2272 fork)batch import
Type: Bughelp wanted

Metriche repository

Star
 (21.877 star)
Metriche merge PR
 (Merge medio 3h 40m) (11 PR mergiate in 30 g)

Descrizione

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

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 image

Guida contributor

Direzione di ricerca
Indaga sul comportamento di scorrimento ed evidenziazione della navigazione sinistra nei componenti Redoc, probabilmente nei componenti SideNav o Menu. Verifica se il problema è correlato al ciclo di vita di React (dipendenze di useEffect) quando Redoc è utilizzato all'interno di una SPA. Rivedi l'avviso della console riguardante 'ResizeObserver loop limit exceeded', che potrebbe indicare problemi di prestazioni. Esamina i listener degli eventi di scorrimento e assicurati che aggiornino correttamente lo stato del link attivo. Considera se il problema è causato da riferimenti mancanti o errati al contenitore di scorrimento.
Tech stack
typescriptreact
Dominio
frontendapi
Tipo issue
Bug
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-3 ore
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
ReactTypeScript
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
65