change the position of jQuery UI Datepicker

Question

Hi all,

I am using the jQuery UI Datepicker.

However a vertical CSS scrollbar overflow-y:scroll causes a bug for Firefox, Opera and Safari.

This bug can easily be reproduced by copying the sample code of jqueryUI and adding 2 lines css declarations:

 body { overflow:scroll }
 #datepicker{ position:absolute; right:1px }

A demo can be seen here (jsbin). To see the bug click at the textbox located on the upper right corner)

According to the jQuery team this bug will not be fixed as the body is customized.

Has someone been faced with this problem before?

Is there any solution to solve this issue?

Edit:

As seen in this screenshot it cuts a part of the calendar:

Thanks Jan

Answer 1

This is not a clean solution as it looks different in Internet Explorer.

However it works and you might check for the users browser:

$("#ui-datepicker-div").wrap('<div style="position:absolute;left:-2em;top:-1em"></div>');