Como você fecha o seletor de cores Iris quando clica fora dele?

Estou usando oiris colour picker em um plugin do Wordpress. Eu posso obtê-lo para exibir e, em seguida, mostrar o valor clicado na entrada associada muito bem, no entanto, há um problema ...

Eu não posso me livrar da caixa! Existe uma maneira de fazer a caixa desaparecer quando você clica fora dela?

Estou invocandoiris usando esta simples chamada -

jQuery(document).ready(function($){
    $('.colour-picker').iris();
});

O senso comum me diz que eu deveria ser capaz de passar isso como uma opção para o.iris() função para essa necessidade específica, mas não encontro nenhuma referência a essa opção nodocs.

O armário que eu encontrei é que você pode chamar umhide método, mas tudo o que lista é$(element).iris('hide');, sem nenhuma explicação de como vinculá-lo à entrada específica que invocouiris no primeiro passo, ou como detectar se o usuário clicou longeiris

Alguém usairis e saber como posso conseguir o que estou tentando fazer? Obrigado.

Adicional - Aqui está umViolino JS que demonstra o problema descrito. O JS que invocairis pode ser encontrado na parte inferior da seção JS.

questionAnswers(3)

yourAnswerToTheQuestion