Merge pull request #293 from apinf/feature/edge-fixes

Fix various bugs on Internet Exploder and Edge

Author: xylix

src/app.js

@@ -80,6 +80,8 @@ export class App {
       this.richPreview = new SwaggerUIBundle({
         url,
         dom_id: '#rich-preview',
+        // Disable Swagger.io online validation (AKA spyware)
+        validatorUrl: null,
         presets: [
           SwaggerUIBundle.presets.apis,
           SwaggerUIStandalonePreset
@@ -146,6 +148,20 @@ export class App {
     fileInput.appendTo('body');
     fileInput.trigger('click');
 
+    // IE/Edge don't want to trigger change events, so I have to do it for them...
+    //
+    // Check that the browser is IE/Edge
+    if (!!window.StyleMedia) {
+      // Check if there is a file every 0.5 seconds
+      const interval = setInterval(() => {
+        if (fileInput[0].files[0]) {
+          // The file was found, so trigger a change event and stop the interval.
+          fileInput.trigger('change');
+          clearInterval(interval);
+        }
+      }, 500);
+    }
+
     fileInput.change(() => {
       const file = fileInput[0].files[0];
       const reader = new FileReader();

src/resources/elements/optionfield.js

@@ -281,8 +281,8 @@ export class Optionfield extends Field {
    * @private
    */
   getViewStrategy() {
-    // Dropdowns break on IE, so we have a separate HTML file for IE.
-    if (!!document.documentMode && this.format === 'dropdown') {
+    // Dropdowns break on IE and Edge, so we have a separate HTML file for them.
+    if (!!window.StyleMedia && this.format === 'dropdown') {
       return `resources/elements/optionfield-${this.format}-ie.html`;
     }
     return `resources/elements/optionfield-${this.format}.html`;

src/sections/navbar.html

@@ -38,7 +38,7 @@
       <div class="actions">
         <div class="split dropdown">
           <button class="button">
-            <img src="res/split.svg" alt="Delete"/>
+            <img src="res/split.svg" alt="Split"/>
           </button>
           <div class="content">
             <a href="javascript:void(0)" click.delegate="split('editor')" t="nav.actions.split.editor">

src/style/_dropdown.scss

@@ -23,7 +23,7 @@
 
   > .content {
     position: absolute;
-    z-index: 1;
+    z-index: 10;
 
     display: none;
 

src/style/_nav.scss

@@ -52,6 +52,9 @@
   }
 
   > .actions {
+    position: relative;
+    z-index: 9;
+
     float: right;
 
     max-height: 2.5rem;