CodeMirror wrapper fits code height

Philipp · Philipp · commit fb297d7671d4 · 2018-03-05T15:59:56.000+02:00
diff --git a/README.md b/README.md
@@ -8,6 +8,8 @@ http://codemirror.net/
 
 ### Usage
 
+In order to make CodeMirror work correctly, do not forget to start your HTML page with `<!doctype html>`
+
 ##### Initialize
 
 `options` can be `null` or contain original CodeMirror settings
diff --git a/example.html b/example.html
diff --git a/index.html b/index.html
@@ -1,30 +1,27 @@
+<!doctype html>
+
 <head>
     <script src="bower_components/jquery/dist/jquery.min.js"></script>
 
     <script src="bower_components/codemirror/lib/codemirror.js"></script>
     <link rel="stylesheet" href="bower_components/codemirror/lib/codemirror.css">
     <script src="bower_components/codemirror/mode/xml/xml.js"></script>
 
-    <script src="philsweb.jquery-codemirror.js"></script>
+    <script src="philsweb.jquery-codemirror.min.js"></script>
     <link rel="stylesheet" href="philsweb.codemirror.css">
 
     <style>
-        .CodeMirror {
-            height: inherit;
-        }
-
         .code-snippet-group-1 {
+            vertical-align:top;
             margin: 10px;
             width: 250px;
-            height: 150px;
             border: 1px solid black;
             display: inline-block;
         }
 
         .code-snippet-group-2 {
             margin: 10px;
             width: 802px;
-            height: 250px;
             border: 1px solid black;
         }
 
@@ -38,7 +35,7 @@
 
 <h3>'philsweb.jquery-codemirror' Demo</h3>
 
-<div class="code-snippet-group-1" first></div>
+<div class="code-snippet-group-1" first style="min-height:50px;"></div>
 
 <div class="code-snippet-group-1" second
      codemirror-config='{"cursorHeight": ".5", "autofocus": true, "value": " Hello world"}'></div>
@@ -74,6 +71,6 @@ <h3>'philsweb.jquery-codemirror' Demo</h3>
         $('.code-snippet-group-1[third]').codemirror().setOptions({readOnly: true, firstLineNumber: 3});
 
 
-        $('.code-snippet-group-2').codemirrorInit({value: "<div> Hello world </div>"});
+        $('.code-snippet-group-2').codemirrorInit({value: "<div> Hello world </div>\n\n\n"});
     });
 </script>
diff --git a/philsweb.codemirror.css b/philsweb.codemirror.css
@@ -1,3 +1,7 @@
+.CodeMirror {
+    height: auto;
+}
+
 .codemirror-buttons-wrapper {
     position: relative;
     z-index: 9999; /* @todo Should be configured */
diff --git a/philsweb.jquery-codemirror.js b/philsweb.jquery-codemirror.js
@@ -86,6 +86,9 @@
                 buttons.addClass("codemirror-buttons").append(copyToClipboardButton.addClass("codemirror-button"))
             ));
 
+            buttonsWrapper.css('pointer-events', 'none');
+            copyToClipboardButton.css('pointer-events', 'auto');
+
             $(this).mouseenter(function () {
                 $(this).children('.codemirror-buttons-wrapper').first().show();
             });
diff --git a/philsweb.jquery-codemirror.min.js b/philsweb.jquery-codemirror.min.js
