feat: add support for design mode (#37)

package.json

@@ -40,6 +40,7 @@
     "babelrc-rollup": "^2.0.0",
     "browserify": "^13.0.1",
     "detect-node": "^2.0.3",
+    "dom-element-is-natively-editable": "^1.0.3",
     "es5-shim": "^4.5.9",
     "jsdom": "^3.1.2",
     "karma": "^1.1.1",
@@ -51,6 +52,7 @@
     "mocha": "^2.5.3",
     "rollup": "^0.34.1",
     "rollup-plugin-babel": "^2.6.1",
+    "rollup-plugin-node-resolve": "^1.7.1",
     "semantic-release": "^4.3.5",
     "watchify": "^3.7.0"
   }

rollup.config.js

@@ -1,12 +1,14 @@
 import babel from 'rollup-plugin-babel';
 import babelrc from 'babelrc-rollup';
+import nodeResolve from 'rollup-plugin-node-resolve';
 
 var pkg = require('./package.json');
 
 export default {
   entry: 'src/keysim.js',
   plugins: [
-    babel(babelrc())
+    babel(babelrc()),
+    nodeResolve({ jsnext: true })
   ],
   targets: [
     {

src/keysim.js

@@ -1,5 +1,7 @@
 /* jshint esnext:true, undef:true, unused:true */
 
+import isEditable from 'dom-element-is-natively-editable';
+
 const CTRL  = 1 << 0;
 const META  = 1 << 1;
 const ALT   = 1 << 2;
@@ -417,17 +419,7 @@ export class Keyboard {
   targetCanReceiveTextInput(target) {
     if (!target) { return false; }
 
-    switch (target.nodeName && target.nodeName.toLowerCase()) {
-      case 'input':
-        let type = target.type;
-        return !(type === 'hidden' || type === 'radio' || type === 'checkbox');
-
-      case 'textarea':
-        return true;
-
-      default:
-        return false;
-    }
+    return isEditable(target);
   }
 }