search

paul-thebaud / v-phone-input

International and accessible phone input for Vuetify 3 and Vue 3.
https://paul-thebaud.github.io/v-phone-input/
MIT License
65 stars 6 forks source link

question: label of the telephone number part goes up following a click on the field while the field is passed with readonly #33

Closed louis49 closed 5 months ago

louis49 commented 5 months ago

Expected Behavior

The label of the telephone number part remains in place following a click on the field while the field is passed with readonly

Actual Behavior

The label of the telephone number part goes up following a click on the field while the field is passed with readonly

Steps to Reproduce the Problem

<v-phone-input v-model="phone" v-model:country="country" :label="$t('signup_phone_number_hint')" :country-label="$t('signup_country_hint')" :preferCountries="['US', 'FR']" :guessCountry="true" :readonly="readonly"

Actual working workaround : <v-phone-input v-model="phone" v-model:country="country" :label="$t('signup_phone_number_hint')" :country-label="$t('signup_country_hint')" :preferCountries="['US', 'FR']" :guessCountry="true" :readonly="readonly" :class="{ 'no-click': readonly }"

.no-click { pointer-events: none; }

Capture d’écran 2024-06-11 à 16 18 44

louis49 commented 5 months ago

Conform to vuetify : I close the ticket. Sorry