Redocly/redoc

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

Open

#1.235 aberto em 20 de abr. de 2020

Ver no GitHub
 (7 comments) (0 reactions) (0 assignees)TypeScript (2.272 forks)batch import
Type: Bughelp wanted

Métricas do repositório

Stars
 (21.877 stars)
Métricas de merge de PR
 (Mesclagem média 3h 40m) (11 fundiu PRs em 30d)

Description

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

Guia do colaborador

Direção de pesquisa
Investigue o comportamento de rolagem e destaque da navegação esquerda nos componentes do Redoc, provavelmente nos componentes SideNav ou Menu. Verifique se o problema está relacionado ao ciclo de vida do React (dependências do useEffect) quando o Redoc é usado dentro de um SPA. Revise o aviso do console sobre 'ResizeObserver loop limit exceeded', que pode indicar problemas de desempenho. Examine os ouvintes de eventos de rolagem e certifique se de que eles atualizem corretamente o estado do link ativo. Considere se o problema é causado por referências ausentes ou incorretas ao contêiner de rolagem.
Pilha de tecnologia
typescriptreact
Domain
frontendapi
Tipo Issue
Bug
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
2
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
1-3 horas
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Ativo
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Claro
Prerequisites
ReactTypeScript
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
65