Offscreen Content
https://youtu.be/SCUVXoTqq_g
To find your missing focus you can type the following into your console:
document.activeElement
Read more about Document.activeElement on MDN
Another tool you can use is theChrome Accessibility Developer Tools Extension. This extension will not only add anAccessibility Propertiespanel to your Elements inspector, but it also adds anAccessibilityoption to the audits panel. Using this option you can quickly find accessibility issues in your page which you might have otherwise missed.
Implementing Offscreen Content
The files for this exercise can be found in thelesson2-focus/04-offscreen-contentdirectory within thiscourse's GitHub Repository.
Using either theAccessibility Developer Tools extensionordocument.activeElementsee if you can track down the element that's stealing focus and fix the page.