I don't know if this happens in tabs, or in tabs panel style. When a tab is clicked instead of just switching tabs, the user is also sent back to the top of the page. I can't remember if this happens since I've created a new (partial, still under development) theme or if it happens since the beginning.

Thansk in advance!

CommentFileSizeAuthor
#15 vertical_scroll-502988-15.patch1.38 KBevanbarter
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

samhassell’s picture

samhassell CreditAttribution: samhassell commented

I'm also seeing this behavior, and its a bit disorientating.

crea’s picture

crea CreditAttribution: crea commented
Title: Don't go back to top on click » Page is vertically scrolling when switching tabs
Category: support » bug

I think this is a bug and it's very annoying.

crea’s picture

crea CreditAttribution: crea commented

I have found related discussion:
http://groups.google.com/group/jquery-en/browse_thread/thread/e9459e53cf...
Workaround posted there is maybe ugly, but it fixed this problem for me: set tab container height. In my theme this is like:

#tabs-tabset {
  height:30em;
}

You need to play with height to find a number that suits your case.

dawehner’s picture

dawehner
Primary language German
CreditAttribution: dawehner commented

I don't think this is a generic solution. Perhaps there are some css gurus out there to fix the issue.

a_c_m’s picture

a_c_m CreditAttribution: a_c_m commented

subscribe.

My idea would be to set the height for the panel with a inline style, which is calculated by JS at render time.

smoothify’s picture

smoothify CreditAttribution: smoothify commented
Project: Panels Tabs » Tabs (jQuery UI tabs)

Moving this to tabs module, where I think the issue would be more easily solvable.

I noticed similar issues in the queues of both the CCK FieldGroup Tabs and Views Tabs:

#838598: Switching tabs causes page to scroll up and down.

#839756: don't momentarily reduce the height of a views tab group when a new tab is chosen.

I realise the following issue is related to vertical tabs in core which is entirely separate, however the patches on there may contain a hint on how to fix this behaviour in jquery ui tabs too.

#437546: Vertical Tabs: Reduce scrolling up and down

ceddo’s picture

ceddo CreditAttribution: ceddo commented

I also have this issue, I'd really appreciate if someone could post a clean fix to this as my website needs to be finished asap! :(

mrfelton’s picture

mrfelton CreditAttribution: mrfelton commented

subscribing. Temp fix is to set absolute height (on min-height). Not really a good fix though.

jdwfly’s picture

jdwfly CreditAttribution: jdwfly commented

Marked #839756: don't momentarily reduce the height of a views tab group when a new tab is chosen. as duplicate of this.

bryancasler’s picture

bryancasler CreditAttribution: bryancasler commented

subscribe

Apfel007’s picture

Apfel007 CreditAttribution: Apfel007 commented

sub

fourmi4x’s picture

fourmi4x CreditAttribution: fourmi4x commented

sub

Ed77’s picture

Ed77 CreditAttribution: Ed77 commented

What I did (and worked fine)... I replaced the tabs.js from the tabs module, with one from the drupal 5 version of the module.
Note: In drupal 6 the tabs.js is in te Tabs module, in drupal 5 tabs.js is in jstools/tabs/tabs.js

zepner’s picture

zepner CreditAttribution: zepner commented

subscribing

evanbarter’s picture

evanbarter CreditAttribution: evanbarter commented
Status: Active » Needs review
FileSize
vertical_scroll-502988-15.patch1.38 KB

Ran in to this issue, attaching a patch with a solution based off this solution.