2.2.0beta8 visual glitch in IE11

Bug
1

25
Screenshot 2019-01-19 at 11.47.25.png1383×695 26.5 KB

We got a small layout problem after upgrading to beta8, the default dual column category view “categories and latest topics” isn’t actually displayed as two columns. The latest activity ends up underneath the category list instead.

I’ve reproduced it on a blank install with no plugins enabled, I wish we could just switch browsers at work but IE11 is still the default for now to support a bunch of old legacy web apps.

I haven’t noticed any other anomalies in IE11 yet, I’m guessing it’s due to the upgraded Ember framework?

2 Likes
2

I highly doubt that would be the case :stuck_out_tongue: js rarely causes IE11 only layout glitches

3

It looks like the source of this is FIX: uses `flex: 1 0 0;` instead of `flex: 1;` for better browser compat by jjaffeux · Pull Request #6826 · discourse/discourse · GitHub. IE11 requires a unit for the third argument of flex: 1 0 0 (see known issues tab on caniuse). We could switch to using either flex: 1 0 (ie. omitting the third argument) or flex: 1 0 0px.

7 Likes
4

This should now be fixed (using the verbose flex: 1 0 0px option) in FIX: IE11 layout glitches · discourse/discourse@ba5e17a · GitHub

5 Likes
5

Thank you for the quick fix! It looks correct again on our site in IE11 now :smiley:

5 Likes