Click offcanvas-outer to hide.

[ivorpad]

Can't get my head around this:

$($el).on('shown.offcanvas', function() {
    $('.offcanvas-outer').on('click', function() {
      $el.offcanvas('hide');
    });
});

Once hidden the trigger doesn't work correctly.

[lgraubner]

You can achieve this by setting overlay: true and overlayColor: transparent. The overlay spans over the whole content and closes the offcanvas part on click. The transparent makes it invisible.

[ivorpad]

Yeah I tried that, unfortunately overlay: true is giving me performance issues.

I'm using esc in the meantime.

$($el).on("shown.offcanvas", function() {
    $(document).keyup(function(e) {
      if( e.keyCode === 27 ) {
        $el.offcanvas("hide");
      }
    });
});

By the way, thanks for the plugin.