ant-design/ant-design

v5 Menu 的手风琴效果异常抖动，v4 没问题

Aberta

#46.886 aberto em 9 de jan. de 2024

Ver no GitHubGuia do colaborador
 (4 comentários) (0 reação) (0 responsável)TypeScript (54.612 forks)batch import
Inactivehelp wanted🐛 Bug

Métricas do repositório

Stars
 (98.031 estrelas)
Métricas de merge de PR
 (Mesclagem média 3d 4h) (248 fundiu PRs em 30d)

Description

Reproduction link

Edit on CodeSandbox

Steps to reproduce

官网文档即可复现，步骤：

  1. 访问 v5 文档
  2. 找到“只展开当前父级菜单”示例
  3. 来回切换展开的菜单即可复现（请仔细观察鼠标点击后菜单的抖动）

可对比 v4 的文档，依然是 Menu 的“只展开当前父级菜单”示例，发现是没有上述抖动问题的。

What is expected?

v5 Menu 手风琴效果展开时，菜单不抖动

What is actually happening?

v5 Menu 手风琴效果展开时，菜单抖动

Environment Info
antd 5.12.8
React 18.0.0
System macOS 13.3.1
Browser Chrome Latest

Guia do colaborador

Direção de pesquisa
Inspecione a lógica de animação de expansão do menu e rastreie as re renderizações do React ao abrir submenus. Compare com a implementação v4 para identificar a causa da oscilação.
Pilha de tecnologia
typescriptreact
Domain
frontend
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
GitReact
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
75