focusFix.js

export default () => {
  const styleEl = document.createElement('style')
  document.head.appendChild(styleEl)

  // Inject outline preventing styles only for non-keyboard users
  document.addEventListener('mousedown', function () {
    styleEl.innerHTML = 'a,a:focus,button,button:focus,input,input:focus,textarea,textarea:focus,div:focus {outline:none}'
  })

  document.addEventListener('keydown', function () {
    styleEl.innerHTML = ''
  })
}