Почему компонент vue-phone-number-input ломает разметку?

Question

[Vadim Grechin]

Простое SPA vue.js с использованием vuetify. На одном из представлений выводиться информация о мероприятии и форма регистрации. Форма, поля ввода, кнопка из vuetify. На форме также reCAPTCHA. Для удобства ввода телефонного номера добавил на форму компонент vue-phone-number-input. После добавления разметка сломалась.




Без компонента разметка как задумано.




Клонировал vue-phone-number-input, посмотрел стили. Все стили в компонентах scoped. Не пойму в чем проблема! Подскажите, пжлст, кто использовал vue-phone-number-input!

Comments

[Михаил]

сам компонент подключается? Что в консоле?

[Vadim Grechin]

компонент без проблем подключается и работает: выбор страны, форматирование введенного значения в зависимости от страны, возврат данных в родитель. В консоли чисто.
Только разметку ломает пока непонятным для меня способом

Answer 1

[Vadim Grechin]

Обратился к автору компонента. Описал ситуацию и выложил на гитхабе проект. Через день автор отписался. Внес корректировки и предложил использовать новую версию. Теперь разметка не ломается. Кому интересно -…версия компонента 1.0.4