Problem with Overlay delete alert message... not scroll down
Hello… I’ve a problem with overlay delete alert message (black_overlay).
When the list is long and is necessary scroll the page , when I click on delete button for a single record in the bottom of the page, the black overlay (with alert message) not view and is necessary to scroll up to see it.
How can I fix it in the css istructions?
This is your css:
.black_overlay {
display: none;
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: black;
z-index: 1001;
-moz-opacity: 0.8;
opacity: .80;
filter: alpha(opacity=80);
}
.messageContainer {
display: none;
position: absolute;
top: 0;
width: 100%;
z-index: 1002;
text-align: center;
height: 100%;
#position: relative;
overflow: hidden;
}
.messageWrapper {
#position: absolute;
#top: 50%;
display: table-cell;
vertical-align: middle;
}
.messageContent {
background-color: white;
display: inline-block;
padding: 16px;
border: 16px solid grey;
z-index: 1002;
overflow: auto;
margin: auto;
#position: relative;
#top: -50%;
}