When dialogNative adds the <dialog> element to the page, it append it to the document. This causes a problem because Drupal.dialog takes an element that should be the wrapper for the dialog. In addition to not being correctly wrapped, the event handing passes the wrapper as the dialog element breaking events ability to interact with the dialog.
Create a dialog and view the source and see the dialog not inside the wrapper element.
Also, adding the following event handler will show the element not pointing to or able to resolve the dialog element or any of its content.
$(window).on({
'dialog:aftercreate': function (event, dialog, $element, settings) {
console.log('Dialog open');
console.log($element);
},
});
Closed: outdated
1.0
Code
Branches seem a bit confusing. Switching to the branch with code.
I was on alpha but it seems this is fixed in the latest dev release. Should have checked that first :-D