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)
Comment | File | Size | Author |
---|---|---|---|
#11 | 1171172-11.patch | 622 bytes | amitgoyal |
#4 | ScreenHunter_014.jpg | 62.83 KB | fietserwin |
#4 | ScreenHunter_015.jpg | 70.57 KB | fietserwin |
#4 | ScreenHunter_016.jpg | 62.59 KB | fietserwin |
#1 | 1171172-1.patch | 553 bytes | fietserwin |
Comments
Comment #1
fietserwinPatch attached, now that I know the issue number :)
Comment #2
fietserwinComment #3
Bevan CreditAttribution: Bevan commentedComment #4
fietserwinPictures 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.
Comment #5
Bevan CreditAttribution: Bevan commentedThis 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.
Comment #6
Bojhan CreditAttribution: Bojhan commentedNothing to review
Comment #7
fietserwinYou mean a rerolled version?
Comment #9
fietserwinLet's try a correctly formatted patch :(
Comment #10
valthebaldTagging
Comment #11
amitgoyal CreditAttribution: amitgoyal commentedReroll of #9.
Comment #12
nod_Not an issue anymore.