ant-design/ant-design

Animate Tree subnodes on select

Open

#48710 opened on Apr 30, 2024

View on GitHub
 (3 comments) (1 reaction) (0 assignees)TypeScript (98,031 stars) (54,612 forks)batch import
Inactivehelp wanted🐛 Bug

Description

What problem does this feature solve?

Currently, when the user selects a Tree Node that has sub-nodes and we want those sub-nodes to expand, they are expanded without animation. While expanding/collapsing a parent Node has animation.

What does the proposed API look like?

Maybe introduce a new bool prop animateOnSelect or something.

Contributor guide

Tech stack
typescriptreactcss
Domain
frontend
Issue type
feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
half day
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
fresh
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
mostly clear
Prerequisites
React knowledgeCSS animationsant design Tree component internals
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
60
Research direction
Look at the existing animation for expanding/collapsing parent nodes in the Tree component (likely in components/tree directory). Identify where the animation is defined (CSS transitions or React state). Then add a new prop (e.g., 'animateOnSelect') to conditionally apply animation when selecting subnodes. Ensure consistency with existing animation patterns. Test with the Tree demo.