Folks,
- My dialog displays a <div> myForm </div> just fine.
- My autocomplete does *not work* when on input tag inside of dialog.
- My autocomplete does work when used on the same div block in parent/top layer ( *not* inside a dialog ).
Definition of "not work":
- The autocomplete spinner is briefly seen in the input box.
- The apache log file confirms the ajax event was called.
- The selections do not appear below the input tag.
Has anyone faced a similar issue? If true, how did you solve? Is it a bug? I'm using Firefox 22.
All help is greatly appreciated...
My div block is copied below.
<div id="OptionalExtraDialog" class="dialog1" title="Optional Extras">
<table>
<tbody>
<tr><td><label for="Size">Optional Extra</label>
<input type="text" name="OptionalExtraCOD" id="OptionalExtraCOD" value="" />
</td>
</tr>
</tbody>
</table>
</div>
My autocomplete code:
$("#OptionalExtraCOD").autocomplete({
source: "/Dashboard/dashboard.fip?WIP=seekOptionalExtra&id_registry=1", minLength: 2,
select: function( event, ui )
{ $("#OptionalExtraCOD").val( ui.item.label).attr("v", ui.item.id );
return true;
}
});