close via Escape keyboard button

[vikmarino]

I've noticed that one cannot close the modal with escape key.
It seems an old bug in bootstrap. However the tabindex="-1" thing is neither working.

[dmiyamasu]

I am experiencing this issue too.

[royourboat]

I found the escape key worked if I clicked on the popup first. That's obviously not ideal. To fix this, I removed "fade" from the div class in _includes/modals.html. I think it works now.

<div class="portfolio-modal modal fade" id="portfolioModal-{{ post.modal-id }}" tabindex="-1" role="dialog" aria-hidden="true">
becomes

<div class="portfolio-modal modal" id="portfolioModal-{{ post.modal-id }}" tabindex="-1" role="dialog" aria-hidden="true">

I'm a novice and don't understand further as to why this works. In _includes/css/main.css, you can see the following at the end of the file:

/* Fix modal mouse wheel issues /
/ twbs/bootstrap#16297 */
.modal.fade.in {
transform: translateZ(0);
-webkit-transform: translateZ(0);
}

Looks like there used to be a scrolling bug? I can't seem to reproduce it on firefox or chrome.