Conteúdo da <video> continua

Conteúdo da <video> continua "focável" mesmo após utilização do inert = true

Oi pessoal, queria ver se alguém pode me ajudar, mesmo após englobar meu conteúdo con a tag <div id="conteudoForaDialog">, a tag <video> continua focável (ps: todo o resto da pagina não permite foco, somente os comandos do player).

<body>
    <div id="conteudoForaDialog">
        <a href="#conteudoPrincipal" class="pularNavegacao"></a>
        <header>
        </header>
        <!--fim header-->    

        <main>
            <video...>
            </video>
        </main>
        <!--fim main-->    

        <footer>
        </footer>
        <!--fim footer-->    

    </div>
    <!--fim .conteudoForaDialog-->

    <div class="dialogNewsletter">
    </div>
    <!--fim .dialogNewsletter-->

    <!-- scripts -->

</body>

Já testei em vários navegadores para ver se o problema estava no chrome, mas o mesmo acontece com todos os outros.

meu projeto no github: https://github.com/thomashdsg/acessibilidadeWebAlura2