search

wvega / timepicker

A jQuery plugin to enhance standard form input fields helping users to select (or type) times
http://timepicker.co
GNU General Public License v2.0
216 stars 93 forks source link

using <div style="display:none"> shows the timepicker in background. #55

Open Pullal0215 opened 9 years ago

Pullal0215 commented 9 years ago

@wvega I have a div tag with attribute set display:none for showing it as a modal dialog window. if I add the timepicker control to this div it displays it in the background.

As a workaround I have added z-index:1151 !important; to the below css element which worked for me.

.ui-timepicker-standard { 37 /* overwrites .ui-widget / 38 font-family: Verdana,Arial,sans-serif; 39 font-size: 1.1em; 40 / overwrites .ui-widget-content / 41 background-color: #FFF; 42 border: 1px solid #AAA; 43 color: #222; 44 / overwrites .ui-menu */ 45 margin: 0; 46 padding: 2px; 47 z-index:1151 !important; 47 }

wvega commented 9 years ago

Hi @Pullal0215, thank you for reporting this and the other issues. My current work load doesn't allow me to take a look at them right but I hope to be able to address them soon.