html - Chrome Autofill covers Autocomplete for Google Maps API v3 -


i using google maps javascript v3 setup autocomplete on html input field so:

http://imgur.com/rm6x2fi.png - (w/out autofill)

the issue i'm having chrome's autofill covers maps autocomplete this:

http://imgur.com/7a2qm7l.png - (w/ autofill)

i found solution online couple of months ago (ref: disabling chrome autofill), seems solution no longer has effect.

<input type="text" name="address" id="address_fake" autocomplete="off" style="display:none"> <input type="text" name="address" id="address" autocomplete="off" placeholder="address" />

is there way can stop chrome's autofill showing on top of google maps autocomplete list?

thanks!

edit: stop google chrome auto fill input not provide solution current issue. issue chrome autofill dropdown on input field, not input field being automatically filled autofill value.

this driving me totally crazy well. have same issue. use scripting pull field values user select , not want browser's auto-whatever mess up. chrome seems bugger (latest version 42.0.2311.135 m), firefox (ff) can work with.

so, have deal browser's autocomplete , chrome's autofill well. if add: <form autocomplete="off"> @ top stops autocomplete in ff , chrome not autofill in chrome. changing 'off' 'false' nothing either browser. solved ff issue not chrome shows ugly autofill box on content.

if add autocomplete="off" each of fields individually again, works in ff input fields have attribute autocomplete in chrome off autofill still rears ugly head.

now, odd thing if change value in individual input field "off" "false" seems shake chrome , field have set autocomplete="false" see autocomplete values (if entered in field before) , other input fields show nothing! can set value no or xx or whatever , seems chrome barfs on invalid value autocomplete , form reacts strangely. if have 5 fields , set third field fields 1,2, 4 , 5 blank field 3 shows autocomplete.

this example copy , mess (try moving autocomplete attribute different fields , see how reacts) :

<!doctype html> <html>  <head>   <title>signup</title> </head>  <body>   <form autocomplete="off" method="post">     first name:     <input name="firstname" type="text">     <br />last name:     <input name="lastname" type="text" style="width: 124px">     <br />address:     <input autocomplete="false" name="address" type="text" style="width: 383px">     <br />phone number:     <input name="phone" type="text">     <br />e-mail:     <input name="email" type="text" style="width: 151px">     <br />     <input type="submit">   </form> </body>  </html>

my solution turn off both autocomplete and chrome's autofill (you should able put hidden input field @ top or bottom below submit). add <input autocomplete="false" name="hidden" type="text" style="display:none;"> code:

<!doctype html> <html>  <head>   <title>signup</title> </head>  <body>   <form autocomplete="off" method="post">     <input autocomplete="false" name="hidden" type="text" style="display:none;">     <br />first name:     <input name="firstname" type="text">     <br />last name:     <input name="lastname" type="text" style="width: 124px">     <br />address:     <input name="address" type="text" style="width: 383px">     <br />phone number:     <input name="phone" type="text">     <br />e-mail:     <input name="email" type="text" style="width: 151px">     <br />     <input type="submit">   </form> </body>  </html>

bottom line: chrome adhere autocomplete=off autofill of chrome problem. hope helps.


Comments

Post a Comment

Popular posts from this blog

java - Spring Data JPA: Why findOne(id) executing delete query internally? -

i have 1 application using @manytomany annotation link 2 different entities 1 parent entity. not sure if have implemented properly. when execute .findone() on parent entity's repository find it, @ first fetch data along executing delete queries internally delete record mapping table (a table jpa creates after adding @manytomany annotation.). following generated sql queries , code snippet: java class @entity @table(name = "inventory") public class inventory { @id long id; // many other properties @manytomany(fetch=fetchtype.lazy) private list<stream> streams; @manytomany(fetch=fetchtype.lazy) private list<subject> subjects; } there no other annotation i've put in stream , subject entity class link inventory class. when run app, create following tables: inventory stream subject inventory_stream inventory_subject (inventory_stream , inventory_subject, 2 tables created automatically, don't k...
Read more

python - Mongodb How to add addtional information when aggregating? -

i beginner , wrote line pipeline works, wanna add other information output, screen name , or number of tweets.i tried add under $group gave me syntax error everytime here pipeline: def make_pipeline(): # complete aggregation pipeline pipeline = [ { '$match': { "user.statuses_count": {"$gt":99 }, "user.time_zone": "brasilia" } }, { "$group": { "_id": "$user.id", "followers": { "$max": "$user.followers_count" } } }, { "$sort": { "followers": -1 } }, { "$limit" : 1 } ]; i using on example : { "_id" : objectid("5304e2e3cc9e684aa98bef97"), "text" : "first week of school on :p", "in_reply_to_status_id" : null, "retweet_count" : null, ...
Read more

java - Incorrect order of records in M-M relationship in hibernate -

Image
i have 4 records in bridge table in mysql database. using @manytomany in hibernate, accurate order of employees incorrect incorrect of projects. following required material figure out doing mistake. this source. @entity @table(name="project") public class projectbean { @id @generatedvalue @column(name="project_id") private int projectid; @column(name="title") private string projecttitle; @manytomany(mappedby="projects") private collection<employeebean> employees; public projectbean() { employees = new arraylist<employeebean>(); } //getters & setters } @entity @table(name="employee") public class employeebean { @id @generatedvalue @column(name="employee_id") private int employee_id; @column(name="first_name") private string ...
Read more