Solucionado
Fiz tudo conforme o instrutor até a aula 2.7 (fechar modal), mas o dialog continua travado, não consigo focar em nada nele, nem com o mouse, muito menos com o tab. O resto está tudo certinho, o tab foca nas opções do navegador, ignora o conteúdo atrás da modal, inclusive o vídeo e seus controles... só o principal, que é focar no dialog que não acontece.
Aqui meu código no GitHub: https://github.com/carolmeireles/apeperia-erro Conferir principalmente o dialog, index e inert.
Fala Caroline, tudo bem?
O seu repositório se encontra como privado! Então logo não conseguimos ver o conteúdo do repositório, por favor deixe-o como público para que possamos dar uma olhada, para fazer isso, primeiramente, clique em Settings no seu repositório:
Após isso, desça até encontrar uma Danger Zone, e lá, clique em Change Visibility:
Marque Make Public e no input, digite o nome exato do seu repositório e clique em I understand, change repository visibility:
Após isso nós temos e qualquer usuário tem acesso a visualizar o seu repositório.
Aguardo o seu retorno :D
Desculpe pela falta de atenção, tão acostumada a deixar os repositórios privados que nem percebi kkkk agora já está público :D
Caroline, isso ocorre pois a biblioteca inert que você está utilizando acaba adicionando uma propriedade pointer-events em alguns elementos (essa propriedade é responsavel por controlar o que deve ocorrer com tal elemento sobre o efeito do mouse, que caso foi aplicado o valor de none, que não efetuara nenhuma ação, veja sobre essa propriedade clicando aqui), para resolver isso, podemos colocar pointer-events: all; na classe dialogNewsletter-body para que permita a interação do mouse com o elemento:
Espero ter ajudado, bons estudos :D
Obrigada! Agora consigo mexer na modal com o mouse, mas com o TAB continua não funcionando, infelizmente :/
Olá Caroline! Enfreitei o mesmo problema que você enfreitou, ( comparei o meu código com o seu e estavam muito semelhantes).
Após comparar o nossos códigos decidi comparar-los com o código disponibilizado pelo instrutor Natan, e percebi que cometemos o erro de agrupar o conteúdo do dialog/pop-up <div class="dialogNewsletter" id="dialogNewsletter" role="dialog" aria-labelledby="tituloDialog"/> dentro de <div id="conteudoForaDialog"/> . A sugestão acima do colega Mateus Henrique ajuda, como você disse, na questão do mouse, porém, não resolve a questão do tab.
No link a seguir tem a sugestão da correção junto com o código original, para que possa comparar os códigos. Link --> https://paste.ee/p/oH686