17

This happened in maybe the last week or so and the toolbar is now vertical which makes it really annoying to use. I'm stuck with IE 10 so hopefully whatever CSS changes that have been made can be reverted or worked around.

IE 10 editor toolbar

Possibly related to editing buttons (hyperlinks) disappear (on Firefox).

Edit:

And things just got worse (May 17ish 2017), it is now a horizontal toolbar but all the buttons except the first one is invisible! With the previous issue it was at least usable but now I have no buttons and making this post is a struggle in itself!

One button toolbar

The fix posted by Decoy still works correctly, please add it to your code in delay loaded javascript for old browsers or something like that.

23
  • 73
    "Stuck with IE10". Sounds like the name of a comedy-horror movie. Still, not as scary as the original: "Stuck with IE7".
    – yivi
    Commented Feb 26, 2018 at 15:36
  • 29
    @Yivi that comedy-horror movie would be sure to keep you on the Edge of your seat... Okay that sounded funnier in my head.
    – Davy M
    Commented Feb 26, 2018 at 16:29
  • 23
    Have you tried with Microsoft Internet Explhorror ?
    – TGrif
    Commented Feb 26, 2018 at 18:59
  • 7
    So this is what a responsive website would look like on a Windows Phone?
    – rene
    Commented Feb 26, 2018 at 19:11
  • 2
    I think the toolbar and buttons are UL/LI tags so it makes sense for their "default" to be a list like this but I don't understand why they can't just be normal inline elements with wrapping done by the browser (if required). That should make it responsive without any CSS tricks.
    – Anders
    Commented Feb 26, 2018 at 19:16
  • 2
    I am guessing here, since I cba to fire up a VM and check, that the problem is flexbox and no -ms prefix. IE10 does not fully support flex layouts and a prefix is needed in some cases. If that is the case then it shouldn't be too difficult to fix, an autoprefixer should do it, if SO has any kind of build-step for their CSS.
    – ivarni
    Commented Feb 26, 2018 at 21:07
  • 6
    Run. Run for your life.
    – ㅤㅤㅤ
    Commented Feb 27, 2018 at 12:00
  • 1
    Do Stack Overflow has a published browser support policy? I can't find one, but if this was my site I'd be closing as won't fix. It doesn't work in Netscape 4 either.
    – thelem
    Commented Feb 27, 2018 at 12:20
  • 5
    @thelem there is one on MSE: Which browsers are officially supported, and what else do I need?. Quotes: "we support the last two versions of the browsers that we see the vast majority of our visitors actually use" and "Internet Explorer (current version status from Wikipedia), exception: Internet Explorer on Mac OS X"
    – Veve
    Commented Feb 27, 2018 at 12:41
  • 1
    Suprisingly not repro'd on IE11
    – CalvT
    Commented Feb 27, 2018 at 12:59
  • 1
    @Mgetz With the ongoing deprecation of TLS 1.0 and TLS 1.1+ only being supported by IE11 and higher by default, even having https with <=IE10 is going to be difficult soon
    – Josh
    Commented Feb 27, 2018 at 20:47
  • 1
    @JoshJanusch if a client asks me to support IE < 11 I require a signed Microsoft support contract with migration plan. We discourage IE11 too.
    – Mgetz
    Commented Feb 27, 2018 at 21:17
  • 1
    @Mgetz We're actually disabling TLS 1.0 and 1.1 from all of our servers in the next month, regardless of client wishes. It's gotten to a point where we can't support it and also keep supporting the various third party services we use and their requirements
    – Josh
    Commented Feb 27, 2018 at 21:37
  • 4
    @gparyani That doesn't necessarily mean anything, given IE has been abandoned in favor of Edge. That's like saying we indefinitely support IE10 because there will never be a version 12+. Not gonna happen. Generally if it's an easy fix someone will make it. Otherwise it's safe to say IE10 is unsupported.
    – animuson StaffMod
    Commented Feb 28, 2018 at 6:02
  • 1
    If graceful degradation is no longer a thing, are we also going to start deleting all css, etc. questions on the main site dealing with old/unsupported browsers/features, seeing how anyone who is using those browsers can no longer use the site?
    – Jo.
    Commented Feb 28, 2018 at 22:56

1 Answer 1

3

Try this in the IE10 console:

Array.prototype.forEach.call(
  document.querySelectorAll('.wmd-button-row li'),
  function(li) {
    li.style.float = 'left';
  }
);

Essentially it is selecting the list of controls and giving each one a "float: left".

The result looks like this: Editor in IE10

Edit Note this is merely a workaround.

3
  • Why exactly are you using slice? Just doing Array.from (document.querySelectorAll ()) will work as well, won't it?
    – NikxDa
    Commented Feb 28, 2018 at 12:53
  • 5
    @NikxDa Internet Explorer doesn't support Array.from, but it is correct to say that slice is not needed. Array.prototype.forEach.call(NodeList, callback); works fine.
    – user4639281
    Commented Feb 28, 2018 at 15:17
  • Yes, your code fixes it for me as well.
    – Anders
    Commented Feb 28, 2018 at 17:19

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .