cm-md-editor 2.3.0 → 2.3.2

package/index.html

@@ -17,6 +17,7 @@
             font-family: monospace;
             tab-size: 4;
             line-height: 1.3;
+            background-color: #111;
         }
     </style>
 </head>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cm-md-editor",
-  "version": "2.3.0",
+  "version": "2.3.2",
   "description": "a simple markdown editor",
   "main": "index.js",
   "scripts": {

package/src/MdEditor.js

@@ -121,10 +121,13 @@ export class MdEditor {
         }
         syncStyles()
 
-        // Make textarea background transparent so backdrop shows through
+        // Move textarea bg to backdrop, make textarea transparent so backdrop shows through
+        const originalBg = cs.getPropertyValue('background-color')
+        this.backdrop.style.background = originalBg
         this.element.style.overscrollBehavior = 'none'
         this.element.style.background = 'transparent'
         this.element.style.position = 'relative'
+        this.element.style.zIndex = '2'
         const originalColor = cs.color
         this.element.style.caretColor = originalColor
         this.element.style.color = 'transparent'
@@ -287,7 +290,7 @@ export class MdEditor {
             '<span style="color:rgba(' + c('colorEscape') + ',1)">\\</span>$1')
 
         // Unordered list markers with optional task list checkbox
-        result = result.replace(/^(\t*)(- )(\[[ xX]\] )?/, (_, tabs, marker, task) => {
+        result = result.replace(/^((?:\t|  )*)(- )(\[[ xX]\] )?/, (_, tabs, marker, task) => {
             let r = tabs + this.colorSpan('colorList', marker)
             if (task) {
                 r += this.colorSpan('colorList', task)
@@ -296,7 +299,7 @@ export class MdEditor {
         })
 
         // Ordered list markers
-        result = result.replace(/^(\t*)(\d+\. )/, (_, tabs, marker) =>
+        result = result.replace(/^((?:\t|  )*)(\d+\. )/, (_, tabs, marker) =>
             tabs + this.colorSpan('colorList', marker))
 
         // Images ![alt](url) and Links [text](url)