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
enhance: ssr ellipsis effect #48205
enhance: ssr ellipsis effect #48205
Conversation
Run & review this pull request in StackBlitz Codeflow. |
👁 Visual Regression Report for PR #48205 Passed ✅
🎊 Congrats! No visual-regression diff found. |
size-limit report 📦
|
This pull request is automatically built and testable in CodeSandbox. To see build info of the built libraries, click here or the icon next to each commit SHA. |
Codecov ReportAll modified and coverable lines are covered by tests ✅
Additional details and impacted files@@ Coverage Diff @@
## master #48205 +/- ##
=========================================
Coverage 100.00% 100.00%
=========================================
Files 743 743
Lines 12856 12859 +3
Branches 3364 3365 +1
=========================================
+ Hits 12856 12859 +3 ☔ View full report in Codecov by Sentry. |
* enhance: ssr ellipsis effect * test: update snapshot * chore: fix lint
[中文版模板 / Chinese template]
🤔 This is a ...
🔗 Related issue link
resolve #48200
💡 Background and solution
SSR 的时候文本是不缩起的,这导致体感上很怪异。SSR 阶段无论是否需要 js 测量 ellipsis 都先使用 css 做裁剪。等注水后再使用 js 切割:
SSR
Client
📝 Changelog
ellipsis
logic to use CSS ellipsis in SSR to enhance user experience.ellipsis
使其在 SSR 阶段使用 CSS 省略以优化用户体验。☑️ Self-Check before Merge