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.