Использую компоненты livewire. Попап открывается, но как только начинаю печатать текст, он тут же закрывается? В чем может быть причина?
компонент:
<div>
<div class="popUp popUp-reg">
<div class="popUp_content">
<div class="popUp_form">
<div class="popUp_cross">
<svg width="40" height="40" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18 6L6 18" stroke="#EA7108" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M6 6L18 18" stroke="#EA7108" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</div>
<div class="popUp_title">
Регистрация
</div>
<form wire:submit="register">
<label>
<span>Имя</span>
<input wire:model="name" type="text" class="popUp_inp" placeholder="Введите ваше имя">
</label>
<label>
<span>Номер телефона</span>
<input wire:model="phone" type="text" class="popUp_inp" placeholder="Введите ваш телефон">
</label>
<input type="submit" class="popUp_btn btn" value="Выслать код">
</form>
<div class="popUp_inf">
Продолжая, вы соглашаетесь <a href="">со сбором и обработкой персональных данных и пользовательским
соглашением</a>
</div>
</div>
<div class="popUp_layer">
</div>
</div>
</div>
</div>
подключаю его в app.blade.php
@livewire('register-component')
это в javascripte
// popUp registration
$('.reg-btn').on('click', function (e) {
e.preventDefault();
$('.popUp').fadeOut(300);
$('.popUp-reg').fadeIn(300);
});
$('.thx-btn').on('click', function (e) {
e.preventDefault();
$('.popUp').fadeOut(300);
$('.popUp-thx').fadeIn(300);
});
Простой