Autocomplete ignores textarea fields

Question

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:https://1password.community/search?Search=autocomplete%20textarea

Answer

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.

Answer

Hey @tobz, are you able to share a link to your form? If not, can you share the form's HTML code with us? We'd like to take a closer look at the code and interact with the form in order to better understand what is happening.

Answer

Sure, here is the html (this is actually a different form to my first post but same/similar issues):

```

Email Address &amp; Password:

&lt;dl class="form"&gt;
            &lt;dt&gt;Email Address: &lt;span class="red"&gt;*&lt;/span&gt;&lt;/dt&gt;
            &lt;dd&gt;&lt;input type="email" class="textbox" name="email" value="" autocomplete="email username" max="100" required="" data-com-onepassword-filled="light"&gt;&lt;/dd&gt;

&lt;dt&gt;Create Password: &lt;span class="red"&gt;*&lt;/span&gt;&lt;/dt&gt;
            &lt;dd&gt;&lt;input type="password" class="textbox" name="password" autocomplete="new-password" min="8" max="100" required=""&gt;&lt;/dd&gt;

&lt;dt&gt;Confirm Password: &lt;span class="red"&gt;*&lt;/span&gt;&lt;/dt&gt;
            &lt;dd&gt;&lt;input type="password" class="textbox" name="password_confirmation" autocomplete="new-password" min="8" max="100" required=""&gt;&lt;/dd&gt;
        &lt;/dl&gt;
    &lt;/div&gt;

&lt;div class="white-form-panel"&gt;
        &lt;h4 class="heading"&gt;Billing Address:&lt;/h4&gt;

&lt;dl class="form"&gt;
            &lt;dt&gt;Name: &lt;span class="red"&gt;*&lt;/span&gt;&lt;/dt&gt;
            &lt;dd&gt;&lt;input type="text" class="textbox" required="" name="billing[details][name]" value="" autocomplete="name"&gt;&lt;/dd&gt;

&lt;dt&gt;Company Name: &lt;/dt&gt;
            &lt;dd&gt;&lt;input type="text" class="textbox" name="billing[details][company]" value="" autocomplete="organization"&gt;&lt;/dd&gt;

&lt;dt&gt;Address: &lt;span class="red"&gt;*&lt;/span&gt;&lt;/dt&gt;
            &lt;dd&gt;
                &lt;textarea class="textbox" required="" name="billing[details][street]" autocomplete="address-line1"&gt;&lt;/textarea&gt;
            &lt;/dd&gt;

&lt;dt&gt;Town/City:&lt;/dt&gt;
            &lt;dd&gt;
                &lt;input type="text" class="textbox" name="billing[details][city]" value="" autocomplete="city"&gt;
            &lt;/dd&gt;

&lt;dt&gt;Postcode: &lt;/dt&gt;
            &lt;dd&gt;&lt;input type="text" class="textbox" name="billing[details][postcode]" value="" autocomplete="postcode"&gt;&lt;/dd&gt;

&lt;dt&gt;Region: &lt;span class="red"&gt;*&lt;/span&gt;&lt;/dt&gt;
            &lt;dd&gt;
                &lt;select class="needsclick" autocomplete="address-level1" required="" name="billing[details][region]"&gt;&lt;option selected="selected" value=""&gt;Select&lt;/option&gt;&lt;option value="Auckland"&gt;Auckland&lt;/option&gt;&lt;option value="North Island"&gt;North Island&lt;/option&gt;&lt;option value="South Island"&gt;South Island&lt;/option&gt;&lt;/select&gt;
            &lt;/dd&gt;

&lt;dt&gt;Contact Number:&lt;/dt&gt;
            &lt;dd&gt;&lt;input type="tel" class="textbox" name="billing[details][phone]" value="" autocomplete="tel"&gt;&lt;/dd&gt;
        &lt;/dl&gt;
    &lt;/div&gt;

&lt;div class="white-form-panel no-margin-bottom"&gt;
        &lt;h4 class="heading"&gt;Shipping Address:&lt;/h4&gt;

&lt;div class="new-address-section"&gt;
            &lt;div class="clearfix radio radio-group"&gt;

&lt;label class="radio"&gt;
                    &lt;input name="unique_ship" value="" data-key="0" type="radio" checked=""&gt;
                    Same as Billing Address
                &lt;/label&gt;
                &lt;label class="radio"&gt;
                    &lt;input name="unique_ship" value="1" data-key="1" type="radio"&gt;
                    Deliver to another Address (please fill in details below)
                &lt;/label&gt;
            &lt;/div&gt;

&lt;fieldset id="shippingBlock" disabled="" style="border:none;padding:0;margin:0" hidden=""&gt;
                &lt;dl&gt;
                    &lt;dt&gt;&lt;label for="new-customer-shipping-name"&gt;Name: &lt;span class="red"&gt;*&lt;/span&gt;&lt;/label&gt;&lt;/dt&gt;
                    &lt;dd&gt;&lt;input id="new-customer-shipping-name" class="textbox" name="shipping[details][name]" required="" type="text" value="" autocomplete="name"&gt;&lt;/dd&gt;

&lt;dt&gt;&lt;label for="new-customer-shipping-company"&gt;Company Name:&lt;/label&gt;&lt;/dt&gt;
                    &lt;dd&gt;&lt;input id="new-customer-shipping-company" type="text" class="textbox" name="shipping[details][company]" value="" autocomplete="organization"&gt;&lt;/dd&gt;

&lt;dt&gt;&lt;label for="new-customer-shipping-address-1"&gt;Address: &lt;span class="red"&gt;*&lt;/span&gt;&lt;/label&gt;&lt;/dt&gt;
                    &lt;dd&gt;&lt;textarea id="new-customer-shipping-address-1" class="textbox" name="shipping[details][street]" required="" autocomplete="address-line1"&gt;&lt;/textarea&gt;&lt;/dd&gt;

&lt;dt&gt;&lt;label for="new-customer-shipping-suburb"&gt;Town/City:&lt;/label&gt;&lt;/dt&gt;
                    &lt;dd&gt;
                        &lt;input id="new-customer-shipping-suburb" class="textbox" name="shipping[details][city]" required="" type="text" value="" autocomplete="city"&gt;
                    &lt;/dd&gt;

&lt;dt&gt;&lt;label for="new-customer-shipping-city"&gt;Postcode:&lt;/label&gt;&lt;/dt&gt;
                    &lt;dd&gt;&lt;input id="new-customer-shipping-city" class="textbox" name="shipping[details][postcode]" required="" type="text" value="" autocomplete="postcode"&gt;&lt;/dd&gt;

&lt;dt&gt;
                        &lt;label for="country_d"&gt;Region: &lt;span class="red"&gt;*&lt;/span&gt;&lt;/label&gt;
                    &lt;/dt&gt;
                    &lt;dd&gt;
                        &lt;select class="needsclick" autocomplete="address-level1" required="" name="shipping[details][region]"&gt;&lt;option selected="selected" value=""&gt;Select&lt;/option&gt;&lt;option value="Auckland"&gt;Auckland&lt;/option&gt;&lt;option value="North Island"&gt;North Island&lt;/option&gt;&lt;option value="South Island"&gt;South Island&lt;/option&gt;&lt;/select&gt;
                    &lt;/dd&gt;

&lt;dt&gt;Contact Number:&lt;/dt&gt;
                    &lt;dd&gt;&lt;input type="tel" class="textbox" name="shipping[details][phone]" value="" autocomplete="tel"&gt;&lt;/dd&gt;
                &lt;/dl&gt;
            &lt;/fieldset&gt;
            &lt;p class="alert-box info" style="background-color: #eefaff"&gt;Goods can't be delivered to a PO Box or Private Bag.&lt;/p&gt;
        &lt;/div&gt;
    &lt;/div&gt;

&lt;div class="confirm-register clearfix"&gt;
        &lt;div class="content"&gt;
                &lt;div class="container"&gt;
                    &lt;div class="checkbox"&gt;
                        &lt;input type="hidden" name="perm" value=""&gt;
                        &lt;input id="perm" type="checkbox" name="perm" value="Y"&gt;
                        &lt;label for="perm"&gt;I want to hear about sales &amp;amp; product specials (recommended)&lt;/label&gt;
                    &lt;/div&gt;
                    &lt;div class="checkbox"&gt;
                        &lt;input id="terms" type="checkbox" required="" name="terms" value="1"&gt;
                        &lt;label for="terms"&gt;I agree to website &lt;a target="_blank" href="/help/terms"&gt;Terms and Conditions&lt;/a&gt;&lt;/label&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;div class="col2"&gt;
                &lt;button type="submit" name="submit" class="white-button"&gt;Sign Up&lt;/button&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/form&gt;

```

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.

Answer

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 &lt;input name="Enquiry" type="text"&gt;, it worked, but when it was&gt;  &lt;textarea name="Enquiry"&gt;&lt;/textarea&gt;, it did not.

Did you find a solution, or is it just a bug?

Forum Discussion

Autocomplete ignores textarea fields

4 Replies

Email Address & Password:

Recent Discussions

Experiment #7 - Anti-Peek Mode

feature request: DigiD as a logon with option

1Password for Safari not responding

Show Favorites page on launch?

Before I submit this as a bug…. User name prefilled when creating a new login.