Why does the mobile menu open on the site when I press the tab button in chrome?

Question

Google Chrome

People, tell me what it could be - I go to the site in chrome and when I press TAB on the right, the mobile menu is shown? and how to fix it??

Answer 1

In Chrome (and not only in Chrome - in most modern browsers), the tab button allows you to navigate through elements that you can interact with - links, buttons, etc. The active element is highlighted/underlined/outlined. When laying out pages, this selection is often removed. As a result: if your mobile menu is initially hidden, but in the html code itself is at the beginning of body, then when you press tab, the focus moves to the first link in your mobile menu - and it is shown. And since there is no selection, it is not obvious what exactly was revealed and why. And about how to fix it - you can use tabindex equal to -1. It 's written about it here.