fix(typography): enhanced typography styles for handling long words #2583
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Types of changes
Background and context
typography组件对连续单词、数字出现省略失效问题。
https://codesandbox.io/s/long-hooks-8r9q9j?file=/src/App.vue
Solution
How is the change tested?
默认给
typography
加上单词拆分overflow-wrap。overflow-wrap (感觉使用anywhere可以不破坏单词结构的情况下尽可能多地显示文本内容时还尊重语义关联。)同时参考React版本的默认效果:Arco React版
经测试增加后不会影响以前的版本效果。
Changelog
Checklist:
npm run test
)feature
branch and othersshould be submitted to
main
branch)Other information