A minor problem, but one that might start annoying users over time: If I switch from 1 vertical tab to another, the vertical scroll position of the page is reset. What I would expect is that when I click on a tab title to switch to another tab, the position of the title remains under my mouse (if possible given the length of the activated tab). An easy solution will be attached.

Whether this is a feature request or a UX bug is to be decided by others.

Note 1: This issue is based on another issue describing the same for horizontal tabs: #1170052: Changing horizontal tab resets the vertical scroll position of the page

Note 2: I could reproduce it in Chrome, not in Firefox.

Note 3: The vertical scroll position also depends on the lengths of the different tabs themselves, so it might be difficult to reproduce the problem. So see the pictures I added to #1170052: Changing horizontal tab resets the vertical scroll position of the page. Although these are for horizontal tabs the idea is the same: the element I clicked on is moved away from my mouse position.

Note 4: Apparently it has to do with Chrome's rendering engine, resetting the scroll at the moment no tab is visible (between hide and show) in the old situation and the height of the page momentarily being reduced to less than the window height.

Similar issues regarding vertical tabs (I will cross link them to this issue as well):
- #437546: Vertical Tabs: Reduce scrolling up and down
- #867696: Vertical tabs make the whole page jump around (this is really irritating)

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

fietserwin’s picture

FileSize
553 bytes

Patch attached, now that I know the issue number :)

fietserwin’s picture

Status: Active » Needs review
Bevan’s picture

fietserwin’s picture

Pictures are basically the same as for the horizontal tabs case:

014: I want to click on the 3rd tab (and my vertical scrollbar is not at the top)
015: result in old situation: vertical scroll position reset: tab I clicked on, is no longer under the mouse position.
016: result in new situation: tab I just clicked on, remained under my mouse position.

Result for user: no repositioning of the navigation elements he just used, no reset of top position of tab content, so no disorientation for a short moment to refocus on the position of the content.

Bevan’s picture

Version: 7.x-dev » 8.x-dev

This looks good to me, though it needs code review and more testing. Also, it is not going to be accepted for Drupal 7, as it new features are now for Drupal 8.

Bojhan’s picture

Nothing to review

fietserwin’s picture

FileSize
535 bytes

You mean a rerolled version?

Status: Needs review » Needs work

The last submitted patch, 1171172-7.patch, failed testing.

fietserwin’s picture

Status: Needs work » Needs review
FileSize
682 bytes

Let's try a correctly formatted patch :(

valthebald’s picture

Issue summary: View changes
Status: Needs review » Needs work
Issue tags: +needs relevance check, +Needs reroll

Tagging

amitgoyal’s picture

Status: Needs work » Needs review
Issue tags: -Needs reroll
FileSize
622 bytes

Reroll of #9.

nod_’s picture

Status: Needs review » Closed (works as designed)
Issue tags: -ux, -needs relevance check

Not an issue anymore.