Estou tentando copiar para a área de transferência sem usar o Flash, pretendo voltar ao Flash com o uso deZeroClipboard se o navegador for incompatível com a abordagem javascript.

Eu tenho um ouvinte onClick para o botão que se parece com:

$(buttonWhereActionWillBeTriggered).click(function(){ 
    var copyDiv = document.getElementById(inputContainingTextToBeCopied);
    copyDiv.focus();
    document.execCommand('SelectAll');
    document.execCommand("Copy", false, null);
}

e um campo de entrada da seguinte maneira:

<input type="text" name="Element To Be Copied" id="inputContainingTextToBeCopied" value="foo"/>

Atualmente, isso funciona como esperado, mas o design exige que o campo que contém o texto a ser copiado fique invisível. Eu tentei tanto configuraçãotype="hidden" estyle="display: none" nenhum dos quais conseguiu. Ambos resultam no botão selecionando a página inteira e copiando todo o conteúdo para a área de transferência do usuário.
Estou relativamente confiante de que a causa não é baseada em navegador, mas apenas no caso, estou testando no Chrome (versão 43.0.2357.134 (64 bits)) no Mac OS X 10.10.4.

Existe uma maneira de manter a funcionalidade de quando a <entrada> está visível enquanto a oculta? ou se não for uma rota alternativa que eu possa tomar?

Estou ciente de perguntas semelhantes, nenhuma das quais soluciona meu problema, seja muito antiga, não use Javascript ou não se encaixe no cenário específico.Aqui está uma boa resposta para qualquer pessoa que tenha problemas semelhantes e menos específicos.