Thanks to visit codestin.com
Credit goes to github.com

Skip to content

feat: consistent vertical tabs behavior#74193

Open
shivamdev-lgtm wants to merge 1 commit into
WordPress:trunkfrom
shivamdev-lgtm:feat/vertical-tabs-behavior
Open

feat: consistent vertical tabs behavior#74193
shivamdev-lgtm wants to merge 1 commit into
WordPress:trunkfrom
shivamdev-lgtm:feat/vertical-tabs-behavior

Conversation

@shivamdev-lgtm

Copy link
Copy Markdown

What?

Closes #73935

Why?

  • Fixed the tab navigation jumping/moving around when switching between vertical tabs
  • Keeps the left column (vertical tab navigation) fixed in position
  • Added ability to change the color of the vertical divider line between tabs and content

How?

  • To fix the navigation jumps, I have adjusted the styling to fix the position of the tabs
  • I have added an block control to adjust the color of the separator line with other color controls

Testing Instructions

Testing the navigation jump fix:

  1. Add a new page
  2. Add the tabs block with a few tabs
  3. Set the toggle for the Vertical tab to on
  4. Switch between tabs to see that the navigation stays fixed

Testing the separator color:

  1. Add a new page
  2. Add the tabs block with a few tabs
  3. Set the toggle for the Vertical tab to on
  4. Go to styles tab of block controls and set the divider color

Testing Instructions for Keyboard

Screenshots or screencast

Screenshot 2025-12-24 at 3 55 55 PM Screenshot 2025-12-24 at 3 56 21 PM

@github-actions

Copy link
Copy Markdown

Warning: Type of PR label mismatch

To merge this PR, it requires exactly 1 label indicating the type of PR. Other labels are optional and not being checked here.

  • Required label: Any label starting with [Type].
  • Labels found: .

Read more about Type labels in Gutenberg. Don't worry if you don't have the required permissions to add labels; the PR reviewer should be able to help with the task.

@github-actions

github-actions Bot commented Dec 24, 2025

Copy link
Copy Markdown

The following accounts have interacted with this PR and/or linked issues. I will continue to update these lists as activity occurs. You can also manually ask me to refresh this list by adding the props-bot label.

If you're merging code through a pull request on GitHub, copy and paste the following into the bottom of the merge commit message.

Co-authored-by: shivamdev-lgtm <[email protected]>
Co-authored-by: SirLouen <[email protected]>
Co-authored-by: dhanson-wp <[email protected]>

To understand the WordPress project's expectations around crediting contributors, please review the Contributor Attribution page in the Core Handbook.

@github-actions github-actions Bot added [Package] Block library /packages/block-library First-time Contributor Pull request opened by a first-time contributor to Gutenberg repository labels Dec 24, 2025
@github-actions

Copy link
Copy Markdown

👋 Thanks for your first Pull Request and for helping build the future of Gutenberg and WordPress, @shivamdev-lgtm! In case you missed it, we'd love to have you join us in our Slack community.

If you want to learn more about WordPress development in general, check out the Core Handbook full of helpful information.

@SirLouen

Copy link
Copy Markdown
Member

@shivamdev-lgtm one recommendation/trick for you to avoid wasting your efforts.

If you want to work on a patch, look for issue tickets with the Needs Dev label. Don't take one at random. The fact that someone reports something doesn't mean that it should be fixed, and even less, that everything that is commented on has to be fixed in just one PR.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

First-time Contributor Pull request opened by a first-time contributor to Gutenberg repository [Package] Block library /packages/block-library

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Tabs block] Needs Consistent Vertical Tabs Behavior

2 participants