search

vuematerial / vue-material

Vue.js Framework - ready-to-use Vue components with Material Design, free forever.
https://www.creative-tim.com/vuematerial
MIT License
9.89k stars 1.16k forks source link

Make onfocus="blur()" #2291

Closed varunkumarmedam closed 3 years ago

varunkumarmedam commented 3 years ago

In mobile it becomes clumsy to use. Add onfocus="blur()" to input field to disable for raising keyboard

maxkopych commented 3 years ago

Any news on this? Specially it's terrible with datepicker

varunkumarmedam commented 3 years ago

I solved like this, document.querySelector(".md-datepicker") .querySelector(".md-input") .setAttribute("onfocus", "blur()");

Use this in mounted();

maxkopych commented 3 years ago

Thank you I solved it similar way <md-datepicker v-model="date" required :md-disabled-dates="disabledDates" @md-opened="$refs.mkDatePicker.$el.querySelector('input').blur()" ref="mkDatePicker"/>