Dialogs:Esc key closed the two dialog

[meiguanxiHXX]

I had try put a new dialog in the dialog,I wish only close the new dialog when I fisrt press ESC key,maybe next press will close the old dialog. In fact, I did this it closed all dialog.
any help? thank you!

[tgreen7]

@meiguanxiHXX You can add e.stopPropagation() to the inner dialog onClose so that the close event will not hit the outer dialog.

Check out this fiddle for an example: https://codesandbox.io/s/xll8q8v7mp

[tnrich]

@tgreen7 what about if the inner dialog has canEscapeKeyClose={false} but the first dialog does not.. How do we stop propagation in that case?

Thanks in advance!

https://codesandbox.io/s/blueprintjs-playground-forked-pqqd74

[tnrich]

@tgreen7 answering my own question - I think to do that means manually catching the esc key event and preventing dialog close:

https://codesandbox.io/s/blueprintjs-playground-forked-5onri8?file=/App.js

[adidahiya]

I think you may be able to implement a "stop propagation" boundary for the inner Dialog with the new feature we just added to Portal & overlayable components: #6093 (to be released this week).

<Dialog stopPropagationEvents={["keyDown", "keyUp"]}>

(it's unlikely to be backported to Blueprint v3.x, though, as I see that's being used in @tnrich's code sandbox link)