I am using the twitter bootstrap modal plugin and I have a modal dialog from which, on the click of a button, I want to show a smaller modal dialog.
What is happening is that my second smaller modal dialog is not really modal, because I can still access the first dialog underneath it ( click buttons select text etc..)
I do have the data-backdrop=”static” attribute setup for the second modal dialog but it does not seem to work properly.
Is this normal behavior ?
It is the normal behavior. The
z-indexgiven to the backdrop and the modal are fixed, meaning that the 2nd backdrop will still have a lesser value than the first modal.It might work if you increase the
z-indexs of the 2nd elements on showing.IMHO you may find easier to hide the 1st modal while displaying the 2nd – since the modal was not meant to be used in multiple instances at the same time.