diff --git a/app/javascript/packs/application.js b/app/javascript/packs/application.js
index 116632dea..ce8ce2a7a 100644
--- a/app/javascript/packs/application.js
+++ b/app/javascript/packs/application.js
@@ -5,3 +5,5 @@ loadPolyfills().then(() => {
 }).catch(e => {
   console.error(e);
 });
+
+require('what-input');
diff --git a/package.json b/package.json
index 5b39f015e..bb52e6b83 100644
--- a/package.json
+++ b/package.json
@@ -122,7 +122,8 @@
     "webpack-manifest-plugin": "^1.2.1",
     "webpack-merge": "^4.1.1",
     "websocket.js": "^0.1.12",
-    "whatwg-url": "^6.4.1"
+    "whatwg-url": "^6.4.1",
+    "what-input": "^4.3.1"
   },
   "devDependencies": {
     "babel-eslint": "^8.2.3",
diff --git a/yarn.lock b/yarn.lock
index 641835149..dc64170e7 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -7726,6 +7726,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:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/whatwg-encoding/-/whatwg-encoding-1.0.3.tgz#57c235bc8657e914d24e1a397d3c82daee0a6ba3"