vue-tel-input
vue-tel-input copied to clipboard
Vue 3 - dropdownOptions not configurable
We're using 6.0.0-beta.7
-- when passing the dropdownOptions
prop, the options don't take effect. We're expecting to see the filter/search bar appear after clicking the flag icon so that users can type to find their country faster, but we only see the default state as if no props were passed at all.
<vue-tel-input v-model="phone"
class="form-control"
:placeholder="field.placeholder"
:validCharactersOnly="true"
:autoDefaultCountry="true"
:styleClasses="disabled ? 'bg-gray-100' : ''"
:disabled="disabled"
:dropdownOptions="{ showSearchBox: true, showDialCodeInList: true, showFlags: true }"
:inputOptions="{placeholder: '', showDialCode: false, maxLength: 25, type: 'tel'}"
mode="international">
I'm guessing this could be because the feature has not been ported from v5 to the v6 beta yet. Just ran into the same issue myself, and can not find that property in the v6 package's code.
Any update on this? I have the same problem. Thanks
Experiencing the same issue in our implementation of the Vue 3 component.
Any update on this?
are you still experiencing this issue in the latest (v8.1.4
)? the dropdownOptions.showSearchBox
prop issue was fixed in #398