CKEditor is not visible in Panels IPE in IE11

Confirmed to be broken in IE11. Works fine in IE9 and IE10.

I'm getting closer to solving this one. Here's the latest progress.

There is a line of code that gets injected <style>.cke{visibility:hidden;}</style> in the head. There is another line of CSS that gets loaded after that in editor.js, .cke_chrome{visibility:inherit}. For some reason, in IE11, the cascading is backwards and .cke takes precedence over .cke_chrome.

There is a similar thread here: https://drupal.org/node/2078821

I was able to get CKEditor to show up using:

.cke.cke_chrome {
 visibility: inherit;
}

but dropdowns didn't work, as reported on https://drupal.org/comment/8680039#comment-8680039 . Then I added the following to make the dropdowns work:

.cke.cke_panel {
  visibility: visible;
}

Here's the snippet in its entirety:

// IE11 fix. See https://drupal.org/node/2244835 and https://drupal.org/node/2078821
.cke.cke_chrome {
 visibility: inherit;
}
.cke.cke_panel {
  visibility: visible;
}

I'm not sure if this is a bug that should be addressed in CKEditor itself or one that should be addressed perhaps here, in this contrib module. It's getting late tonight and I have to make it to DrupalCamp Stanford tomorrow so I don't have time to figure that out right now :) If anyone has a chance to test this stuff in CKEditor outside of Drupal, that would be helpful. In the meantime, I hope that people can use my little fix in their theme for the time being.

Cheers,
Jeff

Marking this as needs work, even though I don't have a patch ready, because the code I used works but I don't know exactly where the right place is to inject it :)