Prevent modal window from closing when clicking outsideDescription<!-- div.margin { padding: 10px 40px 40px 30px; } table.tocTable { border: 1px solid; border-color: #e0e0e0; background-color: #fff; } .title { color: #d1232b; font-weight: normal; font-size: 28px; } h1 { color: #d1232b; font-weight: normal; font-size: 21px; margin-bottom: 5px; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #cccccc; } h2 { color: #646464; font-weight: bold; font-size: 18px; } h3 { color: #000000; font-weight: bold; font-size: 16px; } h4 { color: #666666; font-weight: bold; font-size: 15px; } h5 { color: #000000; font-weight: bold; font-size: 13px; } h6 { color: #000000; font-weight: bold; font-size:14px; } ul, ol { margin-left: 0; list-style-position: outside; } --> Description This article explains how to prevent a Service Portal modal window from closing when clicking outside the modal window. Procedure This behaviour is controlled by the backdrop property of the modal window, it needs to be set to backdrop: 'static' Examples: All of these examples are in the Client Controller section of a widget. Simple modal window function(spModal) { /* widget controller */ var c = this; spModal.open({ title: 'Sup?', backdrop: 'static' }); } Using the OOB 'widget-modal' as a wrapper if (input && input.action === "edit_item") { data.editVariablesModal = $sp.getWidget('widget-modal', { embeddedWidgetId: 'sp-variable-editor', embeddedWidgetOptions: { sys_id: input.itemID, table: "sc_cart_item", showItemTitle: true, isOrdering: true }, backdrop: 'static' // this is what you have to add }); return; } Applicable Versions Helsinki and above Additional Information Reference: https://stackoverflow.com/questions/20702327/angular-modal-backdrop-issue