Textbox autofill not in correct position in safari

Posted by jerjer on Stack Overflow See other posts from Stack Overflow or by jerjer
Published on 2009-12-10T03:22:22Z Indexed on 2010/04/02 9:03 UTC
Read the original article Hit count: 485

Filed under:
|
|
|
|

Hello All,

Has anyone experience this weird issue on safari? Textbox autofill is not at its correct position, please see screenshot below. I have been searching for answers in google for almost a day, still no luck.

This is the built-in autofill feature of safari.

Here is the markup:

index.php

<html>
  <body>
     <div id="nav"></div>
     <div id="content">
          <iframe style="width:100%;height:100%" src="add_user.php" frameborder="0"></iframe>
     </div>
     ....
  </body>
</html>

add_user.php

<html>
    ....
   <body>
     <form method="post">
          <h3>Add User (Admin only)
          <div id="msg">Please enter First and Last Name.</div>
          <ul>
              <li><label>* Email</label> <input type="text" id="email" /></li>
              <li><label>* First Name</label> <input type="text" id="fname" /></li>
              <li><label>* Last Name</label> <input type="text" id="lname" /></li>
              ....
          </ul>
     </form>
   </body>
</html>

I am suspecting that this is caused by the iframe, but it works just fine in other browsers. Also I could not change the page design(using iframe) right away for practical reasons.

safari autofill

Thanks

© Stack Overflow or respective owner

Related posts about html

Related posts about css