ant-design/ant-design-mobile

浏览器设置了字体大小之后会导致 Ellipsis 的省略计算不准确

Open

#5,451 建立於 2022年7月6日

在 GitHub 查看
 (5 留言) (0 反應) (0 負責人)TypeScript (11,238 star) (2,313 fork)batch import
bughelp wanteduncertain

描述

Version of antd-mobile

v5.17.2

Operating system and its version

No response

Browser and its version

No response

Sandbox to reproduce

No response

What happened?

现象：浏览器设置了字体大小之后会导致 Ellipsis 的省略计算不准确

正确行为：浏览器设置了字体大小之后 Ellipsis 的省略计算应当准确

具体设置跟问题现象可以看下图

image

image

Relevant log output

No response

貢獻者指南

技術棧
typescriptreactcss
領域
frontend
議題類型
bug
難度面向新貢獻者的預計實作難度，1 表示很小改動，5 表示專家級工作。
3
預計時間有經驗貢獻者完成調查、實作、測試並準備 pull request 的粗略時間範圍。
1-3 hours
活動狀態議題目前的可參與程度：新鮮、活躍、陳舊、阻塞或等待維護者輸入。
stale
清晰度議題是否清楚說明預期改動、驗收標準和下一步。
clear
前置要求
ReactCSSantd mobile basics
新手友善度1-100 的估計分數，表示該議題對首次貢獻者的友善程度。
60
研究方向
Investigate the Ellipsis component implementation, likely in a file like 'src/components/ellipsis/index.tsx'. Check how it calculates text overflow and whether it accounts for browser level font size settings. Consider using a ResizeObserver or adjusting CSS to handle different default font sizes. Refer to comments in the issue for more details.