Outerheight In Chrome Giving Wrong Value, Ok In Ie And Firefox

In the jquery.smartWizard plugin, there is a function called fixHeight which adjusts the height of a wizard step. This is used when a step is first displayed or when revealing hid

Solution 1:

While not the best solution, I did figure out the issue. Firefox and IE are both adding up the height of everything in the div, include break tags and anything that creates vertical space. Chrome, in my opinion is broken, and not adding up these extra elements! It is not returning a true value for consumed vertical space.

My workaround is to wrap the contents of the div inside another dummy div. This way jquery looks at the height of that first child div and correctly returns the height.

Solution 2:

I have the same problem, a ScrollBar is in the middle, the StepContainer never fixes the height.

Then I change this line in jquery.smartwizard.js:

$this.elmStepContainer.height(_step($this, selStep).outerHeight());

To this:

$this.elmStepContainer.height(_step($this, selStep).outerHeight() +20);

20 is enough for me, and my problem is gone.