Tested on Opera 10/FF3.5/IE8 .... problem is only in Chrome and Safari.

Using clean install D6/QT6.x-2.0-rc3 with no style changes....

Whenever I click on a new tab, the browser "jump" scrolls to the base of the content area, as though the anchor action hasn't been intercepted by JS. Any ideas how to fix this? Thank you very much!

Comments

chrismiller627’s picture

chrismiller627 commented

After I click on a tab the 2nd time, it no longer jumps. Only the first time a tab is clicked does the screen jump.

pasqualle’s picture

pasqualle
Location 🇭🇺 Budapest
commented
Category: bug » support
Priority: Critical » Normal

you have a full page reload at tab click, that must be a javascript problem.
could be the missing $scripts variable..

#548714: Need for keeping page position when transitioning between tabs
#432094: Quick Tabs jumps to menu when clicked

chrismiller627’s picture

chrismiller627 commented

Pasqualle - Thanks for the prompt reply. Quick Tabs is pretty awesome!

I'm using Garland, and I verified that the scripts variable is in fact in page.tpl.php ...

I also verified that Safari has JS enabled, which it does. Tried it on a separate system too. The fact that it is happening in both Safari/Chrome makes me think it's a JS problem as well. Something isn't playing nice, but I don't have much clue as to where I can solve it... any input would be appreciated.

chrismiller627’s picture

chrismiller627 commented

Also, I don't think it's actually a full page reload, because I can't hit the back button following tab click, nor does the URL change from foo to foo?quicktabs_1=1#quicktabs-1 ... HTH

pasqualle’s picture

pasqualle
Location 🇭🇺 Budapest
commented

does the mouse cursor change when you click on the tab?

pasqualle’s picture

pasqualle
Location 🇭🇺 Budapest
commented

can you provide a link where this quicktab could be tested?

chrismiller627’s picture

chrismiller627 commented

The cursor changes to the hand when I mouseover tab, but nothing specifically changes when I click the tab, and it returns to the normal pointer when I mouseout.

chrismiller627’s picture

chrismiller627 commented

I setup an environment for it at: http://disato.com

The quicktab is on the front page. Scroll down so that the tabs are centered and the scrollbar is not at the top or the bottom (but can still be scrolled, I had to make my window smaller) and click on the 2nd or 3rd tab in Safari/Chrome, it will jump upwards after the first tab click, and then work fine afterwards.

pasqualle’s picture

pasqualle
Location 🇭🇺 Budapest
commented

this is strange. It a simple non-ajax quicktab, and there is no page reload. I can reproduce the problem in Safari and Opera, and it works for me in IE7 and Firefox..

can you try out the -dev release? The tab show/hide functionality was changed a little bit.

chrismiller627’s picture

chrismiller627 commented
Status: Active » Closed (fixed)

looks like you hit it. wow, thanks! take a look at that link again and you'll see it no longer jumps in Safari/Chrome. Looks like it works in Opera10 too.

roneill’s picture

roneill commented

I have installed the latest dev version and I still get the jumping behaviour in IE7, IE8 and FF 3.5

It seems as though the jQuery event is not returning false and is following the default behaviour of the anchor '#'. The jumping behaviour happens when you first click on a tab that is loading its content through ajax. Once the content for that tab is loaded then the jumping behaviour goes away. It happens consistently across multiple themes and tab css styles. It also happens when 'No Style' is selected.

All 'return false' statements inthe js seem to be as they should be?

A real pain on an otherwise fantastic module that does everything I want it to do :-(

pasqualle’s picture

pasqualle
Location 🇭🇺 Budapest
commented
Status: Closed (fixed) » Active
netw3rker’s picture

netw3rker commented
Issue summary: View changes
Status: Active » Closed (fixed)