Add event listener for focus so elements hidden behind the footer will scroll to the center of the screen

js/lib/viewport.js

@@ -0,0 +1,15 @@
+export const isNotInVerticalViewport = (el) => {
+  const bounds = el.getBoundingClientRect()
+
+  if (bounds.top < 0) {
+    return true
+  }
+
+  if (bounds.bottom > ((window.innerHeight - 50))) {
+    // 50 is a magic number to offset for the sticky footer
+    // see variables.scss for $footer-height
+    return true
+  }
+
+  return false
+}