Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Ellipsis 在有 display: none | block 控制显隐的元素下,切换显隐会导致 Ellipsis 文本抖动 #6720

Open
Jealh-h opened this issue Aug 15, 2024 · 2 comments
Labels

Comments

@Jealh-h
Copy link

Jealh-h commented Aug 15, 2024

Version of antd-mobile

5.34.0

Operating system and its version

iOS, Android, Others

Browser and its version

Chrome 127.0.6533.100

Sandbox to reproduce

https://codesandbox.io/s/inspiring-bird-hjrrxf?file=/app.tsx

What happened?

问题:在 Tab 切换时,Ellipsis 外部容器的 display 发生变化,Ellipsis 内部的 ResizeObserver 触发回调,重新计算,导致文本抖动
期望:无文本抖动
PS: 是否能去掉 ResizeObserver 的监听

Relevant log output

No response

@Jealh-h Jealh-h added the bug label Aug 15, 2024
@daiwenyu
Copy link

遇到相同问题,状态切换时文本出现展开收缩的闪烁

@zombieJ
Copy link
Member

zombieJ commented Oct 29, 2024

这不是 ResizeObserver 引起的,而是因为内部做了 raf 防抖防止性能损耗。这是个取舍问题,移动端下需要考虑老年机跑不动实时的。

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

3 participants