Paste this in the console to get outlines and notifications of focus change events on your page

focus_highlighter.js

document.addEventListener('focusin', (e) => {
  // Remove previous highlight
  document.querySelectorAll('.debug-focus').forEach(el => el.classList.remove('debug-focus'));
  // Add highlight to current element
  e.target.classList.add('debug-focus');
  console.log(e.target);
});

// Add CSS for the highlight
const style = document.createElement('style');
style.textContent = '.debug-focus { outline: 3px solid red !important; }';
document.head.appendChild(style)