Как исправить баг с маской ввода?

Question

[an]

Собственно вот какая проблема
а именно
есть форма, в которой есть поля + label, при фокусировке поля label съезжает, и обратно заезжает когда фокус убран
есть скрипт, который подставляет при фокусе labelu класс
все вроде бы ок
стоит обычный плагин маска ввода для cf7, и вот как раз в этом поле фокус почему то не снимается
это как то можно исправить?

вот скрипт

$('input').focus(function(){
  $(this).parents('.form-group').addClass('focused');
});

$('input').blur(function(){
  var inputValue = $(this).val();
  if ( inputValue == "" ) {
    $(this).removeClass('filled');
    $(this).parents('.form-group').removeClass('focused');  
  } else {
    $(this).addClass('filled');
  }
});

вот стиль

.form-label {
   position: absolute;
   left: 15px;
   top: 15px;
   color: #999;
   z-index: 10;
   transition: transform 150ms ease-out, font-size 150ms ease-out;
 }
 .focused .form-label {
   transform: translateX(-200%);
 }

Comments

[Вадим]

ну, фокус не может не сниматься. Это основа работы HTML. Проблема скорее всего в том что класс не снимается.

Скорее всего потому что var inputValue = $(this).val(); возвращает не пустую строку.
Ну либо

$(this).parents('.form-group').removeClass('focused');

Выполняется не так как задумано в данном инпуте.

Научитесь отладке своего кода. Без этого Вы никогда не научитесь решать свои проблемы самостоятельно.
https://learn.javascript.ru/debugging-chrome