Tree freezes when used in controlled mode with `motion` and `expandAction="click"`
Nadie ha tomado este issue todavía.
Evaluación
- Dificultad
- 3/5
- Tiempo estimado
- 1-2 días
- Aptitud para principiantes
- 48/100
- Tipo de issue
- Error
- Claridad
- Bastante claro
- Estado de actividad
- Estancado
- Stack tecnológico
- react, typescript
- Área
- frontend
Línea de trabajo
Comienza con la reproducción de App.jsx en el CodeSandbox enlazado y compárala con los ejemplos basic-controlled y animation. Traza el flujo de expansión controlada cuando expandAction="click" y motion están habilitados a la vez, especialmente después de hacer clic en una hoja. Se considera terminado cuando los nodos todavía pueden expandirse y contraerse sin un re-renderizado externo.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
Hi,
When using rc-tree in controlled mode, with some animations (with the motion prop), and with expandAction="click", then the Tree gets stuck whenever you click on a leaf.
When that happens, you can no longer expand or collapse the nodes.
The only way out is to trigger a re-render of the Tree by some external event, such as a drag-and-drop or clicking a button that changes the tree state.
This can be really troubling for the end user, as they think the app is broken.
Here is a codesandbox that reproduces the issue: https://codesandbox.io/s/lucid-frog-mks62z?file=/App.jsx
It is based on the basic-controlled example, to which I applied the following changes:
- Remove
onCheck,checkedKeys,onSelectandselectedKeysprops - Add
expandAction="click" - Add
motion={motion}with some style (from the animation example)
Steps to reproduce:
- Expand all nodes until you come to a leaf
- Click on the leaf title
- Nodes can no longer be expanded nor collapsed
rc-tree version: 5.7.0
Thanks for your help!
- Lenguaje dominante
- TypeScript
- Estrellas
- 1.3k
- Forks
- 491
- Merge medio
- 42 min
- PR fusionados (30 d)
- 2
Preparar el entorno
Este proyecto no incluye contenedor de desarrollo, Dockerfile ni guía de contribución, así que la configuración corre por tu cuenta: empieza por su README y consulta nuestra guía para la primera contribución para los pasos generales.
Primeros pasos
- Lee el issue completo y luego la guía de contribución del proyecto.
- Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
- Haz un fork del repositorio y trabaja en una rama.
- Abre un pull request que haga referencia al número del issue.
Más de react-component/tree
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 55/100
react-component/tree#1068 · 1 comentario ·
-
可以新增一个属性来控制节点上是否需要展示这个title吗？Abierto
Dificultad 5/5 Más de una semana Aptitud para principiantes 20/100
react-component/tree#983 ·
-
Dificultad 3/5 1-2 días Aptitud para principiantes 35/100
react-component/tree#937 ·
-
Dificultad 5/5 Más de una semana Aptitud para principiantes 25/100
react-component/tree#935 ·
-
Dificultad 3/5 1-2 días Aptitud para principiantes 35/100
react-component/tree#929 ·
Todos los issues de react-component/tree
Issues similares
-
area/core status/need-triage
Dificultad 2/5 1-3 horas Aptitud para principiantes 88/100
google-gemini/gemini-cli#29602 ·
Los mantenedores suelen responder en 1 día
-
area: backend enhancement priority: low
Dificultad 2/5 1-3 horas Aptitud para principiantes 88/100
snapotter-hq/SnapOtter#1879 ·
Los mantenedores suelen responder en 1 día
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 86/100
Tencent/BrowserSkill#390 ·
Los mantenedores suelen responder en 1 día
-
good first issue status: needs triaging type: bug version: 2.0
Dificultad 2/5 1-3 horas Aptitud para principiantes 85/100
medusajs/medusa#17094 · 2 comentarios ·
Los mantenedores suelen responder en 1 día
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 86/100
Los mantenedores suelen responder en 1 día