Response title
This is preview!
jquery ui datepicker div: not added ate the right place in the DOM in IE7 and IE8
in Using jQuery UI
•
7 years ago
hi
I've got a problem using datepicker from Jquery UI with IE
we are using wicket for a project, with jquery, css, html ..
What i've got in Firefox, chrome and other "good" browser is that when i trigger the datepicker by clicking on an image link, the date picker container code(here a DIV) is added at the end of the html so the absolute position, and the z-index make it above all other element and well positioned. (correct behavior)
the problem in IE is that when i click on the date picker trigger,with firebug i saw that the date picker container code is added at another place and inside an existing div that already had some positioning and z-index code (not at the end of the body as it should be)
the problem is i have other element which z-index are greater than the div that contains the datepicker container on IE and so the date picker container will never be above those ....
so why is this happening ?
what i expect to have when i click (this what i have in firefox, chrome ...)
<html>
<body>
<div class="top-container">
<form>
...
<div>
<label>my-label</label>
<input type="textfield" /> //input field that will collect the date picker data
<span class="datepicker-trigger"></span> //image
</div>
...
</form>
</div>
<div class="datepicker"></div>
</body>
what i have after clicking (only in IE)
<html>
<body>
<div class="top-container">
<form>
...
<div>
<label>my-label</label>
<input type="textfield" />
<span class="datepicker-trigger"></span>
<div class="datepicker">...</div>
</div>
...
</form>
</div>
</body>
does any one already encounter this bug and/or know how to solve it please ?
thanx
Frederic
I've got a problem using datepicker from Jquery UI with IE
we are using wicket for a project, with jquery, css, html ..
What i've got in Firefox, chrome and other "good" browser is that when i trigger the datepicker by clicking on an image link, the date picker container code(here a DIV) is added at the end of the html so the absolute position, and the z-index make it above all other element and well positioned. (correct behavior)
the problem in IE is that when i click on the date picker trigger,with firebug i saw that the date picker container code is added at another place and inside an existing div that already had some positioning and z-index code (not at the end of the body as it should be)
the problem is i have other element which z-index are greater than the div that contains the datepicker container on IE and so the date picker container will never be above those ....
so why is this happening ?
what i expect to have when i click (this what i have in firefox, chrome ...)
<html>
<body>
<div class="top-container">
<form>
...
<div>
<label>my-label</label>
<input type="textfield" /> //input field that will collect the date picker data
<span class="datepicker-trigger"></span> //image
</div>
...
</form>
</div>
<div class="datepicker"></div>
</body>
what i have after clicking (only in IE)
<html>
<body>
<div class="top-container">
<form>
...
<div>
<label>my-label</label>
<input type="textfield" />
<span class="datepicker-trigger"></span>
<div class="datepicker">...</div>
</div>
...
</form>
</div>
</body>
does any one already encounter this bug and/or know how to solve it please ?
thanx
Frederic
1