ant-design/ant-design-mobile

[Ellipsis] 当 Ellipsis 处于 forceRender 的 tab 中，tab 第一次变为可见时，Ellipsis 会闪烁

Offen

#6.063 geöffnet am 23.03.2023

Auf GitHub ansehenContributor Guide
 (5 Kommentare) (0 Reaktionen) (0 zugewiesene Personen)TypeScript (2.313 Forks)batch import
enhancementhelp wanted

Repository-Metriken

Stars
 (11.238 Sterne)
PR-Merge-Metriken
 (PR-Metriken ausstehend)

Beschreibung

Version of antd-mobile

5.28.1

Operating system and its version

Others

Browser and its version

chorme 111

Sandbox to reproduce

https://codesandbox.io/s/nifty-moore-451y9s?file=/src/App.tsx

What happened?

当 Ellipsis 处于 forceRender 的 tab 中，tab 第一次变为可见时，Ellipsis 会闪烁（没隐藏超出部分 -> 隐藏超出部分）

期望：tab 第一次变为可见时，Ellipsis 正常展示（正常隐藏超出的部分），不发生闪烁。

Relevant log output

No response

Contributor Guide

Research-Richtung
Untersuchen Sie die Größenanpassungs /Erkennungslogik der Ellipsis Komponente, wenn sie sich in einem versteckten Container befindet und sichtbar wird. Prüfen Sie, ob es eine Race Condition oder fehlende Neuberechnung bei Sichtbarkeitsänderung gibt.
Tech Stack
typescriptreact
Domain
frontend
Issue Type
Fehler
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
2
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
1-3 Stunden
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Aktiv
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Klar
Voraussetzungen
ReactCSS
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
65