-
Notifications
You must be signed in to change notification settings - Fork 116
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
fix(tabs): change scrollintoview logic on load #4143
Conversation
Run & review this pull request in StackBlitz Codeflow. |
🦋 Changeset detectedLatest commit: a859107 The changes in this PR will be included in the next version bump. This PR includes changesets to release 3 packages
Not sure what this means? Click here to learn what changesets are. Click here if you're a maintainer who wants to add another changeset to this PR |
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
☁️ Nx Cloud ReportCI is running/has finished running commands for commit 54b6e6d. As they complete they will appear below. Click to see the status, the terminal output, and the build insights. 📂 See all runs for this CI Pipeline Execution ✅ Successfully ran 1 targetSent with 💌 from NxCloud. |
Size Change: +73 B (0%) Total Size: 1.1 MB
ℹ️ View Unchanged
|
Paste Run #9001
Run Properties:
|
Project |
Paste
|
Branch Review |
fix-vertical-tab-scroll
|
Run status |
Passed #9001
|
Run duration | 02m 05s |
Commit |
54b6e6d9e2: Merge branch 'main' into fix-vertical-tab-scroll
|
Committer | kodiakhq[bot] |
View all properties for this run ↗︎ |
Test results | |
---|---|
Failures |
0
|
Flaky |
0
|
Pending |
0
|
Skipped |
0
|
Passing |
67
|
View all changes introduced in this branch ↗︎ |
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. Latest deployment of this branch, based on commit 54b6e6d:
|
Paste Run #9000
Run Properties:
|
Project |
Paste
|
Branch Review |
fix-vertical-tab-scroll
|
Run status |
Passed #9000
|
Run duration | 06m 13s |
Commit |
eab1043fb9 ℹ️: Merge 54b6e6d9e27121f36759a0edf3c48b10b4f3b223 into aa192283b3bbee127d7a31e43d1f...
|
Committer | krisantrobus |
View all properties for this run ↗︎ |
Test results | |
---|---|
Failures |
0
|
Flaky |
0
|
Pending |
0
|
Skipped |
0
|
Passing |
125
|
View all changes introduced in this branch ↗︎ |
Bug in responsive tabs causing selected tab to scroll into view vertically if not in the viewable area on load. This is evident when the component is out of view vertically, the page is scrolled to the active point instead of the container scrolling horizontally to the selected tab.
Fix is to trigger the scroll on the container and not use the scrollIntoView
2 new storybooks where the components are initially out of view, Tabs, InPageNavigation