v-autocomplete icon indicating copy to clipboard operation
v-autocomplete copied to clipboard

Published 20 hours ago • verified publisher icon paliari

update-items not working on mobile Chrome

Open miloskrca opened this issue 6 years ago • 8 comments

Hi, the update-items event does get triggered on change but the value that the event handler gets invoked with is always the same.

E.g.

  1. initialise the component with value "foobar"
  2. set an update-items listener as defined in the docs
  3. add a console.log to log the "text" value
  4. start typing in the input and changing the value

After de-focusing the input (click anywhere else outside the input field), the "text" value gets updated to the current input value.

What I expect? The "text" value changes to reflect the input value changes.

What happens? The "text" value is always "foobar".

OS Android 8.0.0

Browser Chrome 69.0.3497.100

miloskrca avatar Oct 02 '18 04:10 miloskrca

@miloskrca hello, did you find any solution for this issue?

mishanino avatar Oct 22 '18 16:10 mishanino

hi @mishanino, no, sorry, I implemented my own solution.

miloskrca avatar Oct 22 '18 20:10 miloskrca

@miloskrca Got it, thanks for your reply

mishanino avatar Oct 23 '18 07:10 mishanino

input event is not fully supported on mobile devices https://developer.mozilla.org/en-US/docs/Web/Events/input

mishanino avatar Oct 23 '18 08:10 mishanino

hi, i have this bug. If the ajax mode is on and autocompletion (T9) is enabled on the android mobile phone, the system does not start searching until you press "enter (loop)" Pls fx bug then switch on autocompletion on android 8 and high

alexeydg avatar Oct 25 '18 06:10 alexeydg

This is caused by this: https://github.com/vuejs/vue/issues/9777#issuecomment-478831263

rangermeier avatar Apr 24 '19 11:04 rangermeier

@paliari Is there a reason why a fix like https://github.com/paliari/v-autocomplete/pull/83 is not being done? Does that fix break other functionalities?

I'm hurt by this bug a lot. If there's any other workarounds like using the input bind attributes, please let me know!

tolgap avatar Jun 25 '19 13:06 tolgap

I could manage to solve this using the change event of the autocomplete. Follow these steps:

  1. Add a function to the change event of the autocomplete
  2. Add an input-attrs object with an unique id identifier.
  3. Inside of that change event function, get the input's search value through document.getElementById('your-input').value.
  4. Do the desired search inside of this function.

fabianlugones avatar Oct 12 '20 18:10 fabianlugones