Cancel a UI5 dialog when clicked outside. With Twitter Bootstrap dialogs you can click anywhere on the page outside of the dialog to close it (as if you had clicked the close button). This basis jQuery code enables the same with a UI5 app. The example below is with the sap.m.ResponsivePopover control but it works with any dialog that uses a bloc…

ui5_cancel_dialog.js

$(function() {
  $('body').on('click', '#sap-ui-blocklayer-popup', function() {
    var popover = sap.ui.getCore().byId('responsivePopover');
    popover.close();
    popover.destroy();
  });
});