Confirm.show() not displayed when called from dialog is modal
thebluemountain opened this issue · comments
hi,
first of all, thank you for making this library available for other developers.
starting to use it, i was intending to use the Confirm.show () from a modal dialog and was expecting to have the confirmation dialog appearing in front.
However, it seems i have to close the dialog to see, under, the confirmation still being displayed.
Q: do you have any advice on the use or configuration to allow for the Confirm.show() to be accessible, in front of the dialog ?
Thank you,
Hello,
you are welcome, and thank you for your kind words.
You can please focus on the zindex property/option. I presume you will have a solution.
https://github.com/notiflix/Notiflix#notiflix-confirm-module-default-options
Otherwise, you can please re-open this ticket with some extra information such as screenshots, code blocks etc...
Best wishes,
Furkan
hi furcan,
1- i had been trying with that zindex configuration but it does not seem effective when used in such context (using a dialog in modal fashion) and was unsuccessful at reaching the outcome i was expecting
see the sample html page with a dialog carrying a z-index value and configuration of a confirm that carries greater value.
the Confirm UI remains under and both keyboard nor mouse event remain not accessible for the Confirm (html elements)
originally, both dialog and Confirm options were not carrying z-index specification ... and change to the zindex in Confirm option and 'z-index' in dialog's style does not seem to change the behavior of the UI
other threads on the web seem to confirm dialog element is immune to other element's z-index:
see stack overflow question, and medium: Top Layer vs Z-Index for Frontend UI Dialogs
2: it seems there is no mean for me to re-open this issue
Q: any hint regarding how i should proceed to achieve so?
thank you,