Autocomplete ignores textarea fields
1Password's autofill seems to ignore textarea fields.
I have a form with a number of address fields all marked up with autocomplete values. Most of them work except for a textarea being used for the street-address. If I change it to a text input field then it works as expected.
I also have a text input with autocomplete=organisation which fills in with the address's name (it actually fills with the street address when that field is a textarea)
Anyway, is this all a bug or expected behaviour?
1Password Version: 8.10.1 (81001033)
Extension Version: 2.8.1
OS Version: MacOS 13.2.1 (22D68)
Browser:_ Firefox 111.0b8
Referrer: forum-search:autocomplete textarea
Comments
-
Ah.. I just noticed if I fill in the
textarea(street address) field first, then it fills correctly.
Its when I fill the "name" field (autocomplete=organization) that it does not get filled at all.the for field order is:
- name- street-address
- city
- postcode
city and postcode always fill in correctly.
0 -
Sure, here is the html (this is actually a different form to my first post but same/similar issues):
<form method="post" action="/register"> <input type="hidden" name="_token" value="dbbO4DJKYaU3K5Dxh8eg6dUni6cbUQScAKO9WX0E"> <div class="white-form-panel"> <h4 class="heading">Email Address & Password:</h4> <dl class="form"> <dt>Email Address: <span class="red">*</span></dt> <dd><input type="email" class="textbox" name="email" value="" autocomplete="email username" max="100" required="" data-com-onepassword-filled="light"></dd> <dt>Create Password: <span class="red">*</span></dt> <dd><input type="password" class="textbox" name="password" autocomplete="new-password" min="8" max="100" required=""></dd> <dt>Confirm Password: <span class="red">*</span></dt> <dd><input type="password" class="textbox" name="password_confirmation" autocomplete="new-password" min="8" max="100" required=""></dd> </dl> </div> <div class="white-form-panel"> <h4 class="heading">Billing Address:</h4> <dl class="form"> <dt>Name: <span class="red">*</span></dt> <dd><input type="text" class="textbox" required="" name="billing[details][name]" value="" autocomplete="name"></dd> <dt>Company Name: </dt> <dd><input type="text" class="textbox" name="billing[details][company]" value="" autocomplete="organization"></dd> <dt>Address: <span class="red">*</span></dt> <dd> <textarea class="textbox" required="" name="billing[details][street]" autocomplete="address-line1"></textarea> </dd> <dt>Town/City:</dt> <dd> <input type="text" class="textbox" name="billing[details][city]" value="" autocomplete="city"> </dd> <dt>Postcode: </dt> <dd><input type="text" class="textbox" name="billing[details][postcode]" value="" autocomplete="postcode"></dd> <dt>Region: <span class="red">*</span></dt> <dd> <select class="needsclick" autocomplete="address-level1" required="" name="billing[details][region]"><option selected="selected" value="">Select</option><option value="Auckland">Auckland</option><option value="North Island">North Island</option><option value="South Island">South Island</option></select> </dd> <dt>Contact Number:</dt> <dd><input type="tel" class="textbox" name="billing[details][phone]" value="" autocomplete="tel"></dd> </dl> </div> <div class="white-form-panel no-margin-bottom"> <h4 class="heading">Shipping Address:</h4> <div class="new-address-section"> <div class="clearfix radio radio-group"> <label class="radio"> <input name="unique_ship" value="" data-key="0" type="radio" checked=""> Same as Billing Address </label> <label class="radio"> <input name="unique_ship" value="1" data-key="1" type="radio"> Deliver to another Address (please fill in details below) </label> </div> <fieldset id="shippingBlock" disabled="" style="border:none;padding:0;margin:0" hidden=""> <dl> <dt><label for="new-customer-shipping-name">Name: <span class="red">*</span></label></dt> <dd><input id="new-customer-shipping-name" class="textbox" name="shipping[details][name]" required="" type="text" value="" autocomplete="name"></dd> <dt><label for="new-customer-shipping-company">Company Name:</label></dt> <dd><input id="new-customer-shipping-company" type="text" class="textbox" name="shipping[details][company]" value="" autocomplete="organization"></dd> <dt><label for="new-customer-shipping-address-1">Address: <span class="red">*</span></label></dt> <dd><textarea id="new-customer-shipping-address-1" class="textbox" name="shipping[details][street]" required="" autocomplete="address-line1"></textarea></dd> <dt><label for="new-customer-shipping-suburb">Town/City:</label></dt> <dd> <input id="new-customer-shipping-suburb" class="textbox" name="shipping[details][city]" required="" type="text" value="" autocomplete="city"> </dd> <dt><label for="new-customer-shipping-city">Postcode:</label></dt> <dd><input id="new-customer-shipping-city" class="textbox" name="shipping[details][postcode]" required="" type="text" value="" autocomplete="postcode"></dd> <dt> <label for="country_d">Region: <span class="red">*</span></label> </dt> <dd> <select class="needsclick" autocomplete="address-level1" required="" name="shipping[details][region]"><option selected="selected" value="">Select</option><option value="Auckland">Auckland</option><option value="North Island">North Island</option><option value="South Island">South Island</option></select> </dd> <dt>Contact Number:</dt> <dd><input type="tel" class="textbox" name="shipping[details][phone]" value="" autocomplete="tel"></dd> </dl> </fieldset> <p class="alert-box info" style="background-color: #eefaff">Goods can't be delivered to a PO Box or Private Bag.</p> </div> </div> <div class="confirm-register clearfix"> <div class="content"> <div class="container"> <div class="checkbox"> <input type="hidden" name="perm" value=""> <input id="perm" type="checkbox" name="perm" value="Y"> <label for="perm">I want to hear about sales & product specials (recommended)</label> </div> <div class="checkbox"> <input id="terms" type="checkbox" required="" name="terms" value="1"> <label for="terms">I agree to website <a target="_blank" href="/help/terms">Terms and Conditions</a></label> </div> </div> <div class="col2"> <button type="submit" name="submit" class="white-button">Sign Up</button> </div> </div> </div> </form>The billing address fields mostly do not prompt for 1P to autofill. Only the city and postcode fields do.
All the applicable fields have autocomplete attributes, which I'd expect to be used for autofill prompts.0 -
I've just stumbled across this whilst also seeing if I can find others experiencing this issue.
When I first started using 1Password this did work 😿. I edited an example form I was using to test a custom field of "enquiry".
When the field was
<input name="Enquiry" type="text">, it worked, but when it was><textarea name="Enquiry"></textarea>, it did not.Did you find a solution, or is it just a bug?
0
