There is no need to explicitly set the height on the tallest item. It is already as tall as it should be. Most often than not, the tallest item is the main content. If there is dynamic content (say, vertical tabs) in it, and its height is explicitly set, then it will not resize when its content grows (say, you switch to a vertical tab with longer content), causing the content to stretch over the border of its container.

Can we do this when setting the heights in the js file:

    return this.each(function() {
      if ($(this).height() != tallest) {
        $(this).height(tallest).css("overflow","auto");
      }
    });

Comments

drurian’s picture

Status: Active » Closed (works as designed)

The height is optional, so I don't see this as an issue.