Opened 11 years ago

Closed 11 years ago

#8298 closed bug (wontfix)

DatePicker button off when using position absolute

Reported by: dave.juery7 Owned by: dave.juery7
Priority: minor Milestone: 1.9.0
Component: ui.datepicker Version: 1.8.12
Keywords: Cc:
Blocked by: Blocking:


When using position:absolute, the button does not line up with the input field. It shows up in the upper left of the client window.

Change History (4)

comment:1 Changed 11 years ago by Scott González

Owner: set to dave.juery7
Status: newpending

Please provide a reduced test case showing the problem.

comment:2 Changed 11 years ago by dave.juery7

Status: pendingnew

I have a file in jsFiddle, but don't know how to save it or post it to this page. So below is the code.

<!doctype html> <html> <meta http-equiv='Content-type' content='text/html;charset=UTF-8'> <head> <title> Calendar Test </title>

<link rel="stylesheet" type="text/css" media="all"

href="" />

<link rel="stylesheet" type="text/css" media="all"

href="" />

<style> *.Date {

position:absolute; text-align: left; font-family: "Courier New", monospace; font-size: 10pt; color: navy; background-color: rgb(230,240,250);

} </style> <script src=""> </script> <script src=""> </script> <script type='text/javascript'> $(function() {


changeMonth: true, changeYear: true, gotoCurrent: true, showOn: 'button', buttonText: 'cal1', buttonImage: '/images/Calendar.gif', buttonImageOnly: true, constrainInput: false


}); </script> </head> <body> <form id='test' name='test' method='post'> <input type="submit" id="Test" name="Test" value="Test"> <input class='Date' style='left:150px;top:200px;' id='TestDate'> </body> </html> ​

comment:4 Changed 11 years ago by Scott González

Resolution: wontfix
Status: newclosed

An actually reduced test case:

This works as designed and will have completely different behavior in the rewrite.

Note: See TracTickets for help on using tickets.