开发者

change the position of jQuery UI Datepicker

开发者 https://www.devze.com 2022-12-10 20:02 出处:网络
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.

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>');
0

精彩评论

暂无评论...
验证码 换一张
取 消