richardscarrott/jquery-modal — Issue #4: [Enhancement] remove IE6 specific code (but still support IE6)
Author: richardscarrott
Created: 2011-10-22 13:28:38+00:00
State: open

The IE6 specific code does two things, it hides select boxes when the modal is open and it sizes the overlay.

Whereas in fact the select boxes can be hidden with CSS now that the .modal-isopen class is applied to the html element in all browsers:

.modal-isopen select {
visibility: hidden;
}

.modal-isopen .modal select {
visibility: visible;
}

And in order to support touch devices (or any browser that doesn't support fixed positioning) the sizeOverlay should be moved into the main code so if a sites html and body are set to 100% (common when requiring a sticky footer et. al.) the overlay will still cover the entire document.