
<div dir="ltr"><div><font face="monospace, monospace">Further testing reveals some strange behavior:</font></div><div><font face="monospace, monospace"><br></font></div><div><font face="monospace, monospace">(1) If the <textbox> for the Date field is the *first* field inside the <form>, then its datepicker appears - ie, using the following code, the datepicker appears:</font></div><div><font face="monospace, monospace"><br></font></div><div><font face="monospace, monospace">  <body onload={PikadayControl.init date_nid}></font></div><div><font face="monospace, monospace">    <form></font></div><div><font face="monospace, monospace">      <textbox{#DateField} id={date_nid}/></font></div><div><font face="monospace, monospace">      <textbox{#NameField} /></font></div><div><font face="monospace, monospace">      <submit action={add_thing} value="Add !"/></font></div><div><font face="monospace, monospace">    </form></font></div><div><font face="monospace, monospace">  </body></font></div><div><font face="monospace, monospace"><br></font></div><div><font face="monospace, monospace">(2) But if the Date field is *not* the first field </font><span style="font-family:monospace,monospace">inside the <form></span><font face="monospace, monospace">, its datepicker does *not* appear:</font></div><div><font face="monospace, monospace"><br></font></div><div><font face="monospace, monospace">  <body onload={PikadayControl.init date_nid}></font></div><div><font face="monospace, monospace">    <form></font></div><div><font face="monospace, monospace">      <textbox{#NameField} /></font></div><div><font face="monospace, monospace">      <textbox{#DateField} id={date_nid}/></font></div><div><font face="monospace, monospace">      <submit action={add_thing} value="Add !"/></font></div><div><font face="monospace, monospace">    </form></font></div><div><font face="monospace, monospace">  </body></font></div><div><font face="monospace, monospace"><br></font></div><div><font face="monospace, monospace">The above two code fragments are identical, except for the *ordering* of the fields </font><span style="font-family:monospace,monospace">inside the <form></span><font face="monospace, monospace">.</font></div><div><font face="monospace, monospace"><br></font></div><div><font face="monospace, monospace">(3) Also, if there is a string before the Date field, the datepicker does not display:</font></div><div><font face="monospace, monospace"><br></font></div><div><div><div><div><font face="monospace, monospace">  <body onload={PikadayControl.init date_nid}></font></div><div><font face="monospace, monospace">    <form></font></div><div><font face="monospace, monospace">      Date: <textbox{#DateField} id={date_nid}/><br/></font></div><div><font face="monospace, monospace">      Name: <textbox{#NameField} /></font></div><div><font face="monospace, monospace">      <submit action={add_thing} value="Add !"/></font></div><div><font face="monospace, monospace">    </form></font></div><div><font face="monospace, monospace">  </body></font></div></div></div></div><div><font face="monospace, monospace"><br></font></div><div><font face="monospace, monospace">(But I'm not sure if strings such as "Date:" and "Name:" are actually allowed in that position, inside a <form>.)</font></div><div><font face="monospace, monospace"><br></font></div><div><font face="monospace, monospace"><br></font></div><div><font face="monospace, monospace">Discussion:</font></div><div><font face="monospace, monospace"><br></font></div><div><font face="monospace, monospace">For some reason, the datepicker only appears when the Date field is the *first* element in the <form>. </font></div><div><font face="monospace, monospace"><br></font></div><div><font face="monospace, monospace">I am curious why this is happening.</font></div><div><font face="monospace, monospace"><br></font></div><div><font face="monospace, monospace">Thanks for any help!</font></div><div><font face="monospace, monospace"><br></font></div><div><font face="monospace, monospace">###</font></div></div>