Vue-material: [mdInput] Fast typing in input is laggy

[Samuell1]

Hey, if i type in input faster its laggy, i check what function doing it and most validateProp and updateFromParent, How to solve this i need something special on v-models or?

[Samuell1]

I found some weird things, this lags for inputs its doing select input

[marcosmoura]

I will investigate this issue. This is quite strange.

[Samuell1]

@marcosmoura i found if many options are rendered for select then starts laggy

[Samuell1]

@marcosmoura I created example: http://codepen.io/Samuellsk/pen/ygmQdx, if you have good pc its less laggy but on worse pc is laggy

[koriroys]

@marcosmoura I found with some local testing that commenting out
https://github.com/marcosmoura/vue-material/blob/master/src/components/mdInputContainer/common.js#L61-L62
seemed to completely remove the input lag, even if I have 1000 elements in the select dropdown

It seems those events are necessary to let the components work with v-model, but are there some side-effects perhaps?

[Samuell1]

@koriroys i think without input emit v-model doesnt work

[pablohpsilva]

@Samuell1 is right. Without those events, the v-model is useless

[Samuell1]

@marcosmoura @pablohpsilva @koriroys maybe change select to doesnt not use native select and options but use ul, li for rendering list and selected value will be saved to text input

[pablohpsilva]

@Samuell1 @koriroys @marcosmoura I think I fixed the issue. Check it out #674