Search modal opens but input field requires an extra click before users can type.

Changes

The input.focus() call was executing synchronously while the overlay transitioned from visibility: hidden to visibility: visible (200ms CSS transition). Elements with visibility: hidden cannot receive focus.

Wrapped focus call in double requestAnimationFrame() to defer until after the browser completes the visibility transition:

const openSearch = () => {
  overlay.classList.add('active');
  if (input) {
    input.value = '';
    // Double requestAnimationFrame ensures focus after visibility transition
    requestAnimationFrame(() => {
      requestAnimationFrame(() => {
        input.focus();
      });
    });
  }
  renderResults('');
};

This applies to both the ⌘K keyboard shortcut and clicking the "Search..." button.

Screenshot

Search modal now receives immediate focus - users can start typing without clicking:

• Fixes searchInput should be focused when search opens #39

💬 We'd love your input! Share your thoughts on Copilot coding agent in our 2 minute survey.