Multiple Modals issues

Attached a patch addressing the issue. The upstream core 🐛 Nested modals don't work: opening a modal from a modal closes the original Needs work issue only provides a fix if the modal is specifically called from the media_library modal.

However the issue is still present when called from a different modal e.g. Media Directories → 's media_directories_ui module.

This patch ensures that we make use of a custom modal ID for the dialog so that there are no more conflicts regardless of what the calling modal is.

Thanks @Mikey.

Appreciate your great works as always.

Forgot to address the modal dialog ID when resizing the modal on ready.jstree:

treeContainer.on("ready.jstree", function(e, data) {
  data.instance.select_node(selectedNodes);
  // Make modal window height scaled automatically.
  $("#drupal-modal").dialog( "option", { height: 'auto' } );
});

It could be potentially replaced with something like:

treeContainer.closest('.ui-dialog-content').dialog( "option", { height: 'auto' } );

instead of:

$("#entity-reference-tree-modal").dialog( "option", { height: 'auto' } );

To be more flexible, but the static ID makes the code a lot more obvious.

Ensure that the nested modal is in focus once it's opened. This allows the Escape key to work on the correct modal when pressed.

Thanks.

Automatically closed - issue fixed for 2 weeks with no activity.