Forums

I have just finished designing a site and have a fairly simple form on it. Two people have notified me that the dropdowns do not work in IE. They can apparently click on them and then move the selection via keyboard keys but not with a mouse. Here is the link to the form, http://davincidentistry.com/patient-resources/request-a-dental-appointment.html

I have tested on mine and it works great with IE9, not sure yet which version they have.
Help with getting this fixed would be very much appreciated.

I have narrowed down the issue to IE8. I am not sure what is causing this issue though. Help would really be appreciated.

Hi houndcomputers,

I checked with IE9 in IE8 mode and everything looks OK. I can't see why this problem would arise, the drop-downs look like perfectely ordinary HTML.

Bob

Yea i tested in virtual machine with xp mode and running IE8 and was able to recreate the issue. You can click and it drops down, then when you move your mouse off of the top area and hit the first select item it closes real fast. Really weird, I'm thinking maybe css or js issue.

Hi houndcomputers,

OK I created a nre virtual machine and was able to see it. It does appear to be a JavaSCript problem. If you browse to the form without the template then it behaves correctly - though the errors are still there. They appear to link to this script:

window.addEvent('domready', function() {
        $('curpat').addEvent('change', function(event) {
      if ( $('curpat')[2].selected === true ) {
         $('hidebox').setStyle('display', 'block');
      }
   });
   $('curpat').addEvent('change', function(event) {
      if ( $('curpat')[2].selected !== true ) {
         $('hidebox').setStyle('display', 'none');
      }
   });
});

Bob