Tree freezes when used in controlled mode with `motion` and `expandAction="click"`
Personne n'a encore pris cette issue.
Évaluation
- Difficulté
- 3/5
- Temps estimé
- 1-2 jours
- Accessibilité débutants
- 48/100
- Type d'issue
- Bug
- Clarté
- Plutôt claire
- Activité
- À l'abandon
- Stack technique
- react, typescript
- Domaine
- frontend
Piste de recherche
Commencez par la reproduction de App.jsx dans le CodeSandbox lié et comparez-la aux exemples basic-controlled et animation. Suivez le chemin d’expansion contrôlée lorsque expandAction="click" et motion sont tous deux activés, en particulier après avoir cliqué sur une feuille. Le travail est terminé lorsque les nœuds peuvent toujours être développés et réduits sans nouveau rendu externe.
Rédigé par le modèle d'indexation à partir du texte de l'issue.
Description
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!
- Langage dominant
- TypeScript
- Étoiles
- 1.3k
- Forks
- 491
- Merge moyen
- 48 min
- PR mergées (30 j)
- 1
Préparer son environnement
Ce projet ne fournit ni conteneur de développement, ni Dockerfile, ni guide de contribution : l'installation est à votre charge. Commencez par son README, et consultez notre guide de la première contribution pour les étapes générales.
Par où commencer
- Lisez l'issue en entier, puis le guide de contribution du projet.
- Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
- Forkez le dépôt et travaillez sur une branche.
- Ouvrez une pull request qui référence le numéro de l'issue.
Autres issues de react-component/tree
-
Tree crashes on mount with `Cannot read properties of null (reading 'scrollTo')` when a node title contains an autoFocus inputPeut-être pris @hippee-lee l’a pris il y a 63 jours. Ouverte
Difficulté 2/5 1-3 heures Accessibilité débutants 55/100
react-component/tree#1068 · 1 commentaire ·
-
可以新增一个属性来控制节点上是否需要展示这个title吗？Ouverte
Difficulté 5/5 Plus d'une semaine Accessibilité débutants 20/100
react-component/tree#983 ·
-
Difficulté 3/5 1-2 jours Accessibilité débutants 35/100
react-component/tree#937 ·
-
Difficulté 5/5 Plus d'une semaine Accessibilité débutants 25/100
react-component/tree#935 ·
-
Difficulté 3/5 1-2 jours Accessibilité débutants 35/100
react-component/tree#929 ·
Toutes les issues de react-component/tree
Issues similaires
-
Difficulté 2/5 1-3 heures Accessibilité débutants 66/100
cockpit-project/cockpit-machines#2835 ·
Les mainteneurs répondent en général sous 2 jours
-
Difficulté 2/5 1-3 heures Accessibilité débutants 72/100
cloudflare/kumo#866 ·
Les mainteneurs répondent en général sous 1 jour
-
area:connector bug
Difficulté 1/5 Moins d'une heure Accessibilité débutants 82/100
Les mainteneurs répondent en général sous 1 jour
-
Difficulté 2/5 1-3 heures Accessibilité débutants 78/100
tester-army/e2e#1015 ·
Les mainteneurs répondent en général sous 1 jour
-
Difficulté 2/5 1-3 heures Accessibilité débutants 62/100
Les mainteneurs répondent en général sous 1 jour