Hi,
I am using a plugin called 'jQuery Date Input' v1.1.8 with the latest
version of jQuery.
The plugin works fine on a normal page, and, although I can get it to
display within a thickbox v3.1, I am having trouble with the
positioning of the date picker relative to the date input field on the
form in the thickbox.
I can get it to work reasonably in firefox.
In ie6/7, it works but it is a bit sticky. (you can't escape from the
date picker or click elsewhere on the page, you must select a date)
In webkit based browsers, the date input (picker) seems to position
relative to where the form field renders when loaded in the thickbox.
This means, that if you need to scroll at all to display the form
field, the date picker ends up being displayed outside of the viewable
area of the screen.
Any suggestions as to how to tackle this issue ?
The relevant bit of the date input plugin code seems to this function:
setPosition: function() {
var offset = this.input.offset();
this.rootLayers.css({
top: offset.top + this.input.outerHeight(),
left: offset.left
});
if (this.ieframe) {
this.ieframe.css({
width: this.dateSelector.outerWidth(),
height: this.dateSelector.outerHeight()
});
};
},
TIA
Sean
