Vertical tabs make the whole page jump around (this is really irritating)

Created on 28 July 2010, over 14 years ago

Updated 8 August 2024, 4 months ago

e.g. admin/structure/types/add

The whole vertical tabs area changes size every time the active tab is changed. This is really irritating for various reasons.

Scroll to the bottom of the page. Clicking on a tab that has a fields area that has a smaller height than the current tab causes the window to scroll. The user must then take a few seconds to work out what the hell happened. The tabs are no longer in the same place, making it harder to flick through them.
Changing from a big one to a small one and then back to a big one means the lower part is no longer in the visible area of the page.

I think height of a vertical tab area should be as big as it needs to be for the largest tab and not change at all when the active tab is changed.

Also, I think the vertical line should be the full height of the box (excluding the padding, as per the top). It looks slightly weird when you first see it sitting there out by itself.

🐛 Bug report

Status

Closed: works as designed

Version

11.0 🔥

Component

Seven theme

Created by

🇬🇧United Kingdom jbrown

Live updates comments and jobs are added and updated live.

JavaScript

Usability
Makes Drupal easier to use. Preferred over UX, D7UX, etc.

Incomplete comments

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

Comment 4 months ago →
🇩🇪Germany Anybody Porta Westfalica
We just ran into this in a ux review on entity forms and this is really irritating for users. So I'd vote to reopen this please and agree the UX team should take a look at the vertical tabs implementation and best practices.

The page even jumps to top when clicking a vertical tab, so you entirely lose focus.

contrib.social Blog FAQ Discussions

Production build 0.71.5 2024