JangoSteve/jQuery-EasyTabs — Issue #21: Webkit browsers jump when tab content is different heights
Author: steve-acet
Created: 2011-11-02 11:22:48+00:00
State: open

Using Chrome or Safari on the PC I get mixed results when a page has tabs of different heights.

For example: http://www.ac-et.com/lighting/products/chroma_q/led/batten_891/CHCFCRGBA.asp

Click on the first 2 tabs, go back and forth and they are fine, click on Specifications and it should be fine, but if you go back to either first 2 tabs and then back to the 3rd the tab content will jump. If you now scroll the page down and click another tab that also jumps to the top of the page. It doesn't always happen straight away, but sometimes it does.

I have also found that if you scroll down the page before you click a tab this can cause issues too. It mainly depends on where you have scrolled and if the entire tab is visible. If its not, the page jumps up.

The behaviour is very different in IE and Firefox.