Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

How to avoid native Keyboard to open on mobile/tablet #1073

Open
MkLHX opened this issue Jan 20, 2025 · 1 comment
Open

How to avoid native Keyboard to open on mobile/tablet #1073

MkLHX opened this issue Jan 20, 2025 · 1 comment

Comments

@MkLHX
Copy link

MkLHX commented Jan 20, 2025

I'm using vuedatepicker component in vuejs 3 app.
Users are facing disturbing behavior when they want to choose a date from the datepicker component, the native keyboard opens, and the screen crops.
We encounter this behavior on android and iOS devices. What can we do from vuedatepicker to fix it?

@AcidMasik
Copy link

Hi. Use dp-input with attr readonly

<VueDatePicker v-model="date">
   <template #dp-input="{ value, isMenuOpen }">
      <input type="text" readonly :value="value" :class="{'': isMenuOpen}" class="" />
   </template>
</VueDatePicker>

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants