Fixed Empty space after embedded Images on IE11

[W1zzard]

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:

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

 

[PaulineK]

My users are also reporting this problem in IE11. Is the change noted above the recommended solution?

 

[Mike]

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:

.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.