change the position of jQuery UI Datepicker
I am using the jQuery UI Datepicker.
However a vertical C开发者_JAVA百科SS 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:
alt text http://i37.tinypic.com/21awbo0.jpg
Thanks Jan
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>');
精彩评论