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

bug: class do not apply to both inputs #37

Closed ashwin-nath-m closed 4 months ago

ashwin-nath-m commented 4 months ago

Expected Behavior

Margin should be applied to both country select and phone input

Actual Behavior

margin only applied to phone input

Steps to Reproduce the Problem

<v-phone-input v-model="mobile" defaultCountry="US" guessCountry="true" variant="underlined"
                            class="mt-3"></v-phone-input>

Specifications

paul-thebaud commented 4 months ago

Hello, I can confirm there is a bug here. When passing class prop, it applies to both wrapper div and phone input, where it should only apply to wrapper div. I'll try to fix this soon.

If you need to pass attributes to both inputs, prefer using country-props and phone-props properties.

paul-thebaud commented 4 months ago

@ashwin-nath-m this is fixed in v4.2.2. Documentation about attrs inheritance is now in the readme.