-
-
Notifications
You must be signed in to change notification settings - Fork 8.2k
🐛 [BUG] 首次进入页面,加载骨架屏会超出页面宽度,出现滚动条闪烁。 #11557
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
base: master
Are you sure you want to change the base?
Conversation
Deploying ant-design-pro with
|
Latest commit: |
3998b84
|
Status: | ✅ Deploy successful! |
Preview URL: | https://a53dfd5f.ant-design-pro-nd3.pages.dev |
Branch Preview URL: | https://copilot-fix-skeleton-screen.ant-design-pro-nd3.pages.dev |
Codecov Report✅ All modified and coverable lines are covered by tests. Additional details and impacted files@@ Coverage Diff @@
## master #11557 +/- ##
=======================================
Coverage 53.67% 53.67%
=======================================
Files 84 84
Lines 598 598
Branches 79 81 +2
=======================================
Hits 321 321
Misses 277 277 ☔ View full report in Codecov by Sentry. 🚀 New features to boost your workflow:
|
@copilot 你没有提交代码,重来 |
Co-authored-by: afc163 <[email protected]>
I've now implemented the fix for the skeleton screen overflow issue. The changes prevent horizontal scrollbar flashing by adding Commit: 3998b84 Warning Firewall rules blocked me from connecting to one or more addresses (expand for details)I tried to connect to the following addresses, but was blocked by firewall rules:
If you need me to access, download, or install something from one of these locations, you can either:
|
Fixed the skeleton screen overflow issue that caused horizontal scrollbar flashing when first entering the page.
Original issue description:
Changes Made
overflow-x: hidden
and proper width constraints to prevent horizontal scrolling during initial page loadmaxWidth: 100%
andboxSizing: border-box
to React Skeleton componentoverflow-x: hidden
to global html/body stylesThe fix ensures that skeleton loading screens and initial loading animations stay within viewport boundaries, eliminating the horizontal scrollbar flash that occurs when first entering the page.
Fixes #11556.
✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.