*
The moose likes HTML, CSS and JavaScript and the fly likes Drop down box getting disappeared on overlap of date picker Big Moose Saloon
  Search | Java FAQ | Recent Topics | Flagged Topics | Hot Topics | Zero Replies
Register / Login


Win a copy of Murach's Java Servlets and JSP this week in the Servlets forum!
JavaRanch » Java Forums » Engineering » HTML, CSS and JavaScript
Bookmark "Drop down box getting disappeared on overlap of date picker" Watch "Drop down box getting disappeared on overlap of date picker" New topic
Author

Drop down box getting disappeared on overlap of date picker

Amos Matt
Greenhorn

Joined: Mar 30, 2007
Posts: 17
Hi,

I am having a problem with select box in IE 8. When I click on date picker the calendar opens as a popup. If the popup overlaps on the select box, the select box is getting disappeared.
It is working fine in Chrome & Mozilla.

Could some one share your suggestions to overcome this issue.

Thanks,
A
Eric Pascarello
author
Rancher

Joined: Nov 08, 2001
Posts: 15376
    
    6
It is probably something in the calendar code that is doing it.
Rob Crowther
author
Ranch Hand

Joined: Nov 06, 2012
Posts: 295
    
    5

This is because in certain versions of IE it is impossible to set the z-index of certain form controls, like select boxes, with the result that the 'poke through' anything you try to overlay on top of them. There are two basic workarounds:

  • Use an iframe positioned exactly where the overlay will be, because that 'beats' all other elements
  • Hide all offending form controls whenever your overlay is visible

  • Sounds like your calendar widget has taken the second approach.


    Read my books: Hello! HTML5 & CSS3 | HTML5 in Action | Read my blog
     
    Consider Paul's rocket mass heater.
     
    subject: Drop down box getting disappeared on overlap of date picker
     
    Similar Threads
    set value in text box
    What does this error mean?
    Configurable Date pricker Javascript
    JSF and Date/Time without MyFaces
    Calendar Popup via JCombobox