I see that the JQuery script jquery.equalheights.js sets the property overflow:hidden of whatever element is being height-equalized.

		return this.each(function() {
			$(this).height(tallest).css("overflow","hidden");

This has the effect of adding scrollbars to elements with "too much content," as stated in the comments. Scrollbars seem like a pretty drastic addition to the page when the overflow is in single-digit pixels, so is this always desired behavior? Could it be made user-selectable visible/auto/hidden?

I had to change this script to set overflow: hidden since I have a rather dense, nested panels implementation on my front page, and it proved simpler just to hide the overflow than try to debug CSS anomalies in either my own layout or in panels'.

Comments

westbywest’s picture

westbywest commented

Sorry for typos in the first paragraph of this feature request. The js provided with equalheights module sets the CSS property overflow:auto. I changed the script to set overflow:hidden, for reasons explained above.

drurian’s picture

drurian commented
Assigned: Unassigned » drurian

I'll look into it.

gooddesignusa’s picture

gooddesignusa commented

I changed line #31 from

$(this).height(tallest).css("overflow","auto");

to

$(this).height(tallest).css("overflow","visible");

I didn't want to hide the overflow so I used visible instead.

drurian’s picture

drurian commented
Status: Active » Fixed

Overflow can now be set in admin.

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.