Fixed Empty space after embedded Images on IE11

W1zzard

W1zzard

Well-known member
Affected version
2.0.0
Look at this page on IE11 (Reduce browser width so that the image is constrained to CSS max-width:100%):
https://xenforo.com/community/threads/highlight-current-addon-header-in-admincp.139016/

Note the empty space below the image:
i1v5lxnxem.png


Seems to be some kind of flexbox bug, where IE doesn't properly calculate height:auto. Problem goes away with .message-main having display:block
 
Welcome to the odd world of IE flexbox bugs. The issue is the one described here: https://github.com/philipwalton/flexbugs/issues/75

At the minimum, you can partial resolve this by changing the following in message.less:
Code: 
.message-content
{
   min-height: 0;
}
Change the "0" to "1px".

There are some other places that require similar changes to fully fix the issue as that workaround causes empty space to appear at the bottom of the page but that should be less significant. 2.0.2 has the full fix.
 
Back
Top Bottom