Possible bug in IE11: Equalize Column Height

It could be me, and I could be trying to use a feature incorrectly, but I think there may be a bug in IE11 with columns that have ‘Equalize Column Height’ set to true.

The first column within a row expands to full row width, overlapping any other columns following it. I’ve corrected this by just setting the ‘Equalize Column Height’ to false, but thought it may be a bug because it’s only happening in IE11, not other browsers, including Edge.

As I said, I could just be using the feature incorrectly, but any input from BB Team is appreciated. I have screenshots but won’t be able to upload them until later today.

Thanks all.

Hey VR6000,

Those screenshots would greatly help. Do upload them when you get a chance so we can take a look! :slight_smile:

Ben


The second image is one row, 3 columns that contain callout modules. In the first image, the accordion should be constrained to the first column.

Hey VR6000,

Would you mind shooting us over a site URL so we can see this in action?

Best,
Billy

I’ve already fixed this and to be honest, don’t have time to set up a demo page to reproduce it. Just wanted to let you know about it. Does this not happen in IE11 within other sites? Create a full width row, add 2 or more columns as fixed width content and set equalize height to true for the columns. Should be fairly straightforward to reproduce if it is a bug. Thanks for taking the time to look at this.

Hey VR6000,

Just letting you know that a bug report has already been issued for this. Thanks for the heads up!

Ben

Hey VR6000,

Thanks for pointing out this issue. I did some testing, but can’t seem to create it in IE11. I added a full-width two column row, made the columns equal height, added content, and everything appears to be fine (screenshot attached).

Is it possible that this is a conflict with your theme? Let me know.

Thanks,
Justin

I actually have found this bug in IE11 as well, please see the Our Work and Services pages below:

http://drg2.creativeoscillation.com

Any help would be greatly appreciated.

Hey Creativeoscillation,

I just checked the site on both Windows 7 and Windows 10 using IE 11 and it works fine there. What OS are you on? Do you mind sharing a screenshot of what you’re using? You can upload it to imgur and paste the link here.

Ben

Windows 7
http://imgur.com/lcBDIbP
http://imgur.com/uTUoffN

Hey Creativeoscillation,

Ah, I can see it now. This is actually a known IE 11 issue which they haven’t released a fix for yet. The problem is when the browser tries to resize the large images on an equal height column. The only fix we can give for now is to make sure you don’t use super large images, use the exact image dimensions if possible. You can check the link below for more info.
https://connect.microsoft.com/IE/feedbackdetail/view/891815

Ben

Can you explain why this would occur on the “Our Work” page which is using essential grid? The only image assigned to this page is a row background, the rest are part of the flexible grid.

Hey Creativeoscillation,

Each item in the grid contains an image that is pretty large(1800x1350). Each item in the grid is still in place because it’s using position absolute. The images are being resized to 413x310, if you could use those dimensions for the images on the grid, you can get rid of this issue on IE 11. :slight_smile:

Ben

OK, makes sense, just wanted to make sure I understood the issue. The workaround seems clear. Thank you for your help.

No worries at all! Also, awesome looking site! Have fun with BB! :slight_smile:

Ben