#gallery #image #lightbox #modal #popup
Provides an instant overview of your shop's current customers and the contents of their carts.
Lately I’ve been using UIkit a lot. Although it’s a pretty elaborate set of tools with not too many bugs, the user-base seems rather small so looking for help often leaves you in the dark.
One issue I ran into was that the lightbox doesn’t close when pressing the escape key. Seems like a UX problem to me, but searching Google for anyone with the same question returned no results. Being determined enough, I dove into the mechanics of the lightbox and found out it’s basically the “modal” component with a bunch of presets specific to a lightbox. So looking at the modal functionality, it appeared you can target the lightbox element and fire a “hide” method on it when the esc key is pressed.
jQuery( document ).on( 'keyup', function( e ) {
var modal = UIkit.modal( '.uk-modal' );
if ( e.keyCode === 27 && modal.isActive() ) {
modal.hide();
}
} );
Posted by Berend on
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>
Thanks, exactly what I was looking for!