Невозможно закрыть Fancybox iFrame

Question

Моя проблема доступна на http://www.jeremiahbenes.com/#/portfolio, щелкнув по одной из плит. Я протестировал это в последней версии Chrome для Mac и испытал проблему, описанную ниже.

Я реализовал fancybox, но когда появится iFrame, я не могу его закрыть. «X» в верхнем правом углу кажется непривлекательным. Вот что у меня есть для моей реализации:

<a data-fancybox-type="iframe" class="fancybox fancybox.iframe plink" href="http://gegarageenvy.com"> 
    <span>GE Garage Envy</span> 
</a>  

код у меня есть для FancyBox является:

<script type="text/rocketscript" data-rocketoptimized="true"> 
    $(document).ready(function() { 
     $('.fancybox').fancybox(); 
    }); 
</script>  

Почему не закрывается?

(В другом примечании, как я могу установить его автоматически, занимая 95% доступной высоты и ширины? Я пробовал использовать autosize, но это не работает).

Благодарим за помощь.

Answer 1

Существует класс в вашем теле тега, который отключив события указателя, который мешает вам быть в состоянии нажать что-нибудь в этом FancyBox,

.impress-enabled { 
    pointer-events: none; 
} 

Если удалить этот класс из тела, то все внутри fancybox становится интерактивным.

В противном случае вы можете добавить,

pointer-events: auto !important; 

в CSS в .fancybox пленку.

Answer 2

Хорошо, после поиска в Интернете я нашел это решение. Это похоже на то, что @NZ Мики сказал:

Добавить следующий CSS ...

.fancybox-wrap { 
    pointer-events: auto; 
} 

Проблема известная одна и может быть найден здесь:

• https://github.com/jmpressjs/jmpress.js/issues/85
• https://github.com/bartaz/impress.js/issues/172