trackFocusNavigation.js

export const listenActiveElement = (element, listener) => {
   let { activeElement } = document
   
   const check = (event) => {
     const previousActiveElement = activeElement
     activeElement = document.activeElement
     if (previousActiveElement !== activeElement) {
       listener({ previousActiveElement, activeElement, event })
     }
   }
  
   const onfocus = (event) => {
     check(event)
   }
   
   const onblur = (event) => {
     check(event)
   }
   
  
   element.addEventListener('focus', onfocus, true)
   element.addEventListener('blur', onblur, true)

   return () => {
     element.removeEventListener('focus', onfocus, true)
     element.removeEventListener('blur', onblur, true)
   }    
}