I have an Ajax form with (among other fields) a password field and a Selectize dropdown. The password field is causing strange behaviour in Internet Explorer, where IE will superimpose an additional dropdown “html, iframe, Password, web” when the use navigates the dropdown with the keyboard.

Remove the password field and the dropdown behaves normally. This problem is only apparent in IE11

The problem:

The code:

$  form['myform']['state'] = array (   '#type' => 'selectize',   '#name' => 'state',   '#title' => t('State'),   '#required' => TRUE,   '#options' => $  state_opt,   '#multiple' => FALSE,   '#default_value' => $  state,   '#settings' => selectize_default_settings(     array(       'maxItems' => 1,       'persist' => FALSE,       'sortField' =>  array('field' => '$  score'),       'closeAfterSelect' => TRUE,       'allowEmptyOption' => FALSE,       'selectOnTab' => TRUE,       'autocomplete' => 'address-level1',     )   ), );  $  form['myform']['password_confirm'] = array(   '#type' => 'password',   '#title' => t('Password Confirmation'),   '#required' => TRUE, );