2.2.0beta8 visual glitch in IE11

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

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

It looks like the source of this is https://github.com/discourse/discourse/pull/6826. 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

This should now be fixed (using the verbose flex: 1 0 0px option) in https://github.com/discourse/discourse/commit/ba5e17a7a98af178c75d00d7be817c471fc88911

5 Likes

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

5 Likes