Dialog: Focus from input lost in very short time after dialog opened

[martin654]

Dialog: Focus from input lost in very short time after dialog opened

[martin654]

Description in this ticket:
#11818

"Since PF 13.0.6, setting the focus with the 'focus' attribute in the 'dialog' no longer works. The element briefly gains focus and then immediately loses it again. This still worked in PF 13.0.5."

looked like it could be related

[martin654]

Looks like it is caused by this change:
bc7bc91

[melloware]

Thanks for the reproducer let me debug this issue.

[melloware]

@martin654 great reproducer this was tricky to debug. What is happening is both dialogs called show before the first hide is executed and the delay is causing the focus change. here is the debug.

applyFocus ajaxDialog
Start AJAX
applyFocus searchDialog
Complete AJAX
returnFocus 
<button id="frmTest:openDialogButton" 

Working on a fix

[melloware]

pf-11860.zip

I included a monkeyPatch in your test.js can you give it a try?

if (PrimeFaces.widget.Dialog) {
  PrimeFaces.widget.Dialog.prototype.returnFocus = function () {
    var el = this.focusedElementBeforeDialogOpened;
    if (el) {
      // #11860 do not return focus if other dialogs are still open
      var otherDialogs = $(".ui-dialog:visible").length > 0;
      if (otherDialogs) {
        return;
      }
      setTimeout(function () {
        el.focus({ preventScroll: true });
      }, 100);
    }
  };
}

[martin654]

@melloware Thank you for the fix, works great in 13.0.10.