NgbModalWindow always focus the first element that can be focus.

at viewInit of NgbModalWindow it will focus the first element if the page do not have auto focus, it will cause the close button often get focus when page no auto focus. whether provide a way to control this behavior?

if (!nativeElement.contains(document.activeElement)) { const autoFocusable = nativeElement.querySelector([ngbAutofocus]`) as HTMLElement; const firstFocusable = getFocusableBoundaryElements(nativeElement)[0];

  const elementToFocus = autoFocusable || firstFocusable || nativeElement;
  elementToFocus.focus();
}`

[jnizet]

You can simply add the ngbAutofocus attribute on a non-focusable element of the template. Here’s a demo: https://stackblitz.com/edit/angular-8mhynd?file=src/app/modal-basic.html

[wassimoo]

Hi, I find this to be a little bit tricky, so maybe we should add such use case to the docs. Thank you! 🙏