JQueryUI Date Picker Widget IE Jerk
November 27, 2009
I was having trouble showing the JQueryUI’s DatePicker widget properly in IE while working on one of the projects. I kinda got frustrated as the datepicker was not animating properly and then once we selected the date, it got a jerk once selected, which was not really liked by the client. So I got hit by the idea of HTML doctype declaration – as IE (and other browsers) affect the rendering of the elements a lot when using different doctypes. These are famously known as “browser modes”, those that I recall are ‘standards mode’ and one called ‘quirks mode’ but anyways… enough theory, let’s talk about the solution:
I had a doctype similar to the following:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
I changed it to that of the official URL of the demo:
<!DOCTYPE HTML>
And once I did that, it started rocking in IE ;) and the client was happy ;)
