Add a way to set focus when modal opens (e.g., on Close button)

[YuliiaPanova-sap]

Is there a way to set focus automatically when a modal is opened using LuigiClient.openAsModal — for example, to place focus on the Close button or on the modal content?

Currently, Luigi does not expose any event or lifecycle hook that triggers after the modal is rendered, making it difficult to manage focus properly. Developers have to rely on unstable workarounds like setTimeout or MutationObserver.

Adding a native way to detect when the modal is opened would allow consistent focus handling and improve accessibility in Luigi-based applications.

[hardl]

Hi @YuliiaPanova-sap ,

if you want to control the focus behaviour in the core app, you would use the creationInterceptors (https://docs.luigi-project.io/docs/general-settings?section=iframecreationinterceptor, https://docs.luigi-project.io/docs/general-settings?section=webcomponentcreationinterceptor).
You could even implement different behaviour based on node configuration or other constraints.

In the following example i have defined a 'modalFocusMode' node prop that controls two different focus options.

iframeCreationInterceptor: (iframe, viewGroup, navigationNode, microFrontendType) => {
  if (microFrontendType === 'modal') {
    iframe.onload = () => {
      if (navigationNode.modalFocusMode === 'iframe') {
        iframe.focus();
      } else if (navigationNode.modalFocusMode === 'modalCloseButton') {
        iframe.closest('.lui-modal-mf').querySelector('.lui-modal-header button').focus();
      }
    }
  }
},