CenterPopup 组件中使用 Steps，弹窗打开瞬间进度条会发生位移抖动

Repository metrics

Stars

11,238 stars (11,238 stars)

PR merge metrics

Avg merge 1d 14h (Avg merge 1d 14h)9 merged PRs in 30d (9 merged PRs in 30d)

Description

Contributor guide

Research direction

Investigate the CenterPopup and Steps component CSS to identify the cause of the dot jump during the popup open animation. Check the transition effects affecting the Steps component. The reproduction code is in the linked CodeSandbox. Look for any CSS properties like transform or opacity that might affect layout. Compare the animation of the popup with the Steps' internal positioning. Potential fix could involve using will change or adjusting animation timing. See discussion at https://github.com/ant design/ant design mobile/discussions/5624 for more context.

Tech stack

typescriptreactcss

Domain

frontend

Issue type

Bug

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.

1-3 hours

Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.

Stale

ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.

Mostly clear

Prerequisites

React basicsCSS animations knowledge

Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.

60