fix bugs

dist/css/editormd.css

@@ -2717,7 +2717,6 @@
 }
 
 .editormd-mask,
-.editormd-container-mask,
 .editormd-dialog-mask-bg {
   background: #fff;
   opacity: 0.5;
@@ -2732,11 +2731,6 @@
   z-index: 99998;
 }
 
-.editormd-container-mask {
-  opacity: 0.1;
-  filter: alpha(opacity=10);
-}
-
 .editormd-container-mask,
 .editormd-dialog-mask-con {
   background: url(../images/loading.gif) no-repeat center center;
@@ -2744,6 +2738,12 @@
   background-size: 32px 32px;
 }
 
+.editormd-container-mask {
+  z-index: 20;
+  display: block;
+  background-color: #fff;
+}
+
 @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
   .editormd-container-mask,
   .editormd-dialog-mask-con {

dist/js/editormd.js

@@ -287,7 +287,7 @@
                 (!settings.readOnly) ? "<a href=\"javascript:;\" class=\"fa fa-close " + classPrefix + "preview-close-btn\"></a>" : "",
                 ( (settings.saveHTMLToTextarea) ? "<textarea class=\"" + classNames.textarea.html + "\" name=\"" + id + "-html-code\"></textarea>" : "" ),
                 "<div class=\"" + classPrefix + "preview\"><div class=\"markdown-body " + classPrefix + "preview-container\"></div></div>",
-                "<div class=\"" + classPrefix + "container-mask\"></div>",
+                "<div class=\"" + classPrefix + "container-mask\" style=\"display:block;\"></div>",
                 "<div class=\"" + classPrefix + "mask\"></div>"
             ].join("\n");
             
@@ -1640,7 +1640,7 @@
             var previewContainer = this.previewContainer;
             var mouseOrTouch     = editormd.mouseOrTouch;
             
-            editor.css("background", "none");
+            editor.find("." + this.classPrefix  + "container-mask").hide();
             
             this.saveToTextareas();
             

src/js/editormd.js

@@ -276,7 +276,7 @@
                 (!settings.readOnly) ? "<a href=\"javascript:;\" class=\"fa fa-close " + classPrefix + "preview-close-btn\"></a>" : "",
                 ( (settings.saveHTMLToTextarea) ? "<textarea class=\"" + classNames.textarea.html + "\" name=\"" + id + "-html-code\"></textarea>" : "" ),
                 "<div class=\"" + classPrefix + "preview\"><div class=\"markdown-body " + classPrefix + "preview-container\"></div></div>",
-                "<div class=\"" + classPrefix + "container-mask\"></div>",
+                "<div class=\"" + classPrefix + "container-mask\" style=\"display:block;\"></div>",
                 "<div class=\"" + classPrefix + "mask\"></div>"
             ].join("\n");
             
@@ -1629,7 +1629,7 @@
             var previewContainer = this.previewContainer;
             var mouseOrTouch     = editormd.mouseOrTouch;
             
-            editor.css("background", "none");
+            editor.find("." + this.classPrefix  + "container-mask").hide();
             
             this.saveToTextareas();
             

src/scss/editormd.dialog.scss

@@ -102,7 +102,6 @@
 }
 
 #{$prefix}mask,
-#{$prefix}container-mask,
 #{$prefix}dialog-mask-bg {
     background: #fff;
     opacity: 0.5;
@@ -116,16 +115,18 @@
     z-index: 99998;  
 }
 
-#{$prefix}container-mask {
-    @include opacity(0.1);          
-}
-
 #{$prefix}container-mask, 
 #{$prefix}dialog-mask-con {
     background: url(../images/loading.gif) no-repeat center center;
     @include background-size(32px 32px);
 }
 
+#{$prefix}container-mask {
+    z-index: 20;  
+    display: block;
+    background-color: #fff;    
+}
+
 @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
     #{$prefix}container-mask, 
     #{$prefix}dialog-mask-con {