Acabei de ter esse problema ao trabalhar com formulários HTML no Chrome e Firefox. Com o Firefox, o validador de formulário embutido exibiu uma dica de ferramenta geralmente exibida em campos de entrada vazios que contém o atributo “obrigatório = obrigatório”, mas a dica de ferramenta apareceu no menu do Firefox, acima da barra de título da janela, não em uma entrada.
No Chrome, abrindo o console, recebi esta mensagem: “Um controle de formulário inválido com nome = … não pode ser focalizado”
Depois de pesquisar a solução, descobri (no Stackoverflow) que esse erro ocorre quando uma entrada oculta sem um elemento “formulário” pai é colocado no código. Na verdade, meu formulário tem um modal oculto com algumas entradas “órfãs” (nenhum formulário declarado) e alguns campos tinham o atributo “obrigatório”, graças ao plug-in TwitterBootstrap para CakePHP que coloca automaticamente esse atributo quando um campo é declarado “obrigatório” no o modelo.
Para resolver isso, declarei “required => false” no Form-> método de entrada, portanto, o elemento de entrada não tem o atributo obrigatório. E feito! Problema resolvido.
Verifique o thread Stackoverflow aqui: http://stackoverflow.com/questions/22148080/an-invalid-form-control-with-name-is-not-focusable