autocomplete not working on chrome, probably to browser autocomplition functionality

[bogdan-dubyk]

autocomplete not working on chrome, probably to browser autocomplition functionality

[xlcrr]

<form autocomplete="off">
   <vue-simple-suggest />
</form>

[bogdan-dubyk]

Oh lol, vss is vue-simple-suggest :)

[kaskar2008]

Hello @bogdan-dubyk

Can you provide us a link to reproduction repo/jsfiddle/jsbin stand? Would be much easier to do some debugging. We are using VSS in our production projects and got no such issue.

[xlcrr]

Fixed by wrapping vss in a form and adding autocomplete="off" to the form element

[bogdan-dubyk]

I tried with a autocomplete="off" and did not work. I'm not sure what is a vss, sorry:( can u.show me or link to the place I can read about it?

[xlcrr]

Did it work for you too? Can close this issue if so

[bogdan-dubyk]

Sorry, I did not try it yet, let u know a bit later

[bogdan-dubyk]

no, it's not working for me, I tried to wrap all fields with a <form autocomplete="off"></form> and directly vss as you propose and it's not working :( , And actually as I told I think I already tried that before

[xlcrr]

Do you need this nested <input> element? Try give that autocomplete="false" as well as the form, and try remove it to see if that fixes it. I don't have a nested input element and wrapping vss in a form worked for me

[bogdan-dubyk]

k, I'll try it tomorrow, it's late for me, thanks! And the reason I have that nested element is b-z I need to set a custom class and placeholders, can I do It without nesting that input???

[xlcrr]

Try a simple version first, then add another layer of complexity and see where it breaks

[bogdan-dubyk]

well, now I'm not sure if it's related to autocomplete, when I remove nested input that cross sign gone, but still the dropdown not appearing. I make small videos to show how it works on Chrome and on Firefox (same on safari) , as u can see it working on Firefox.. not sure if it can be helpful.

Not code looks like this:

                            <form autocomplete="off">
                                          <vue-simple-suggest
                                              v-show="!city.isCityLoading"
                                              v-model="city.searchInput"
                                              :debounce="1000"
                                              :min-length="2"
                                              display-attribute="name"
                                              value-attribute="id"
                                              :list="getCity"
                                              :filter-by-query="false"
                                              @select="citySelect"
                                          >
                                          </vue-simple-suggest>

                            </form

[bogdan-dubyk]

Sure @kaskar2008 , I'll prepare some sample code

[bogdan-dubyk]

Here is the code sandbox example I made, where I can reproduce the bug https://codesandbox.io/s/stupefied-flower-q3xz4?file=/src/App.vue (HTML is broken as I remove most of the logic)

[bogdan-dubyk]

Is someone able to reproduce the issue and have any thought on how to fix it???

[xlcrr]

Can you simplify the code example? No need for it to be 650 lines

[bogdan-dubyk]

sure, here it is https://codesandbox.io/s/vigorous-cartwright-fiyb3

[bogdan-dubyk]

any updates? :)