Add whatinput dependency for more responsive focus styling

app/javascript/packs/application.js

@@ -8,3 +8,5 @@ loadPolyfills().then(() => {
 }).catch(e => {
   console.error(e);
 });
+
+require('what-input');

package.json

@@ -130,7 +130,8 @@
     "webpack-cli": "^3.0.8",
     "webpack-manifest-plugin": "^2.0.4",
     "webpack-merge": "^4.1.3",
-    "websocket.js": "^0.1.12"
+    "websocket.js": "^0.1.12",
+    "what-input": "^4.3.1"
   },
   "devDependencies": {
     "babel-eslint": "^9.0.0",

yarn.lock

@@ -10032,6 +10032,10 @@ websocket.js@^0.1.12:
   dependencies:
     backoff "^2.4.1"
 
+what-input@^4.3.1:
+  version "4.3.1"
+  resolved "https://registry.yarnpkg.com/what-input/-/what-input-4.3.1.tgz#b8ea7554ba1d9171887c4c6addf28185fec3d31d"
+
 whatwg-encoding@^1.0.1, whatwg-encoding@^1.0.3:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/whatwg-encoding/-/whatwg-encoding-1.0.4.tgz#63fb016b7435b795d9025632c086a5209dbd2621"