Trouble with jQuery Dialog and Datepicker plugins

by

Old Answer

z-index (note the hyphen!) is the property that matters. Make sure you set it greater than the dialogue, and make sure you set it on the correct element. Here’s how we do it:

#ui-datepicker-div 
{
 z-index: 1000; /* must be > than popup editor (950) */
}

API Change – April 17, 2010

In the CSS file for the date picker, find the .ui-datepicker item and change it:

.ui-datepicker { width: 17em; padding: .2em .2em 0; z-index: 9999 !important; }

Using z-index: 9999 !important; worked in Firefox 3.5.9 (Kubuntu).

More Related Contents:

  1. How to remove close button on the jQuery UI dialog?
  2. jquery ui Dialog: cannot call methods on dialog prior to initialization
  3. jQuery UI Dialog OnBeforeUnload
  4. How to display an IFRAME inside a jQuery UI dialog
  5. How to close jQuery Dialog within the dialog?
  6. jQuery UI Dialog Button Icons
  7. Correctly calling setGridWidth on a jqGrid inside a jQueryUI Dialog
  8. How can I disable a button on a jQuery UI dialog?
  9. Close jQuery UI Dialog from Iframe
  10. Remove CSS “top” and “left” attributes with jQuery
  11. Get value from hidden field using jQuery
  12. bind event only once
  13. jQuery autoComplete view all on click?
  14. jQuery Uncaught TypeError: Cannot read property ‘fn’ of undefined (anonymous function)
  15. How to add jQueryUI library in MVC 5 project?
  16. Fading elements in and out without changing the layout of the page
  17. jQuery web page height
  18. jQuery validator and datepicker click not validating
  19. Re-attaching jQuery detach();
  20. How to enforce a “smooth scrolling” rule for mousewheel, jQuery?
  21. jQuery resize not working at FireFox, Chrome and Safari
  22. Using jQuery’s $.ajax within an angularJS controller
  23. Custom CSS to allow chrome textarea resize smaller than initial state?
  24. Jquery post and unobtrusive ajax validation not working mvc 4
  25. In-cell data bars in jqGrid – possible or not?
  26. Detect user scroll down or scroll up in jQuery [duplicate]
  27. How do I select an element with special characters in the ID?
  28. Get bottom and right position of an element
  29. Why return this.each(function()) in jQuery plugins?
  30. jqGrid with automatic height; but has a max height & scrollbars

Leave a Comment