首页 文章

当存在Parsley错误div时,具有Intl-Tel-Input的标志向下移位

提问于
浏览
2

我有一个小而独特的错误,我在其他地方找不到 . 在具有intl-tel-input的电话号码输入下面是从Parsley.js弹出的错误消息 . 这是一个没有错误:

Without error

这里有一个错误:
With error

如您所见,当存在错误div时,标志和箭头向下移动 .

这是相关的代码:

<div class="col-md-6">
    <input type="tel" class="form-control tc-custom-focus" id="inf_field_Phone1" name="inf_field_Phone1" minlength = '10' maxlength="14" data-parsley-error-message='Must be minimum of 10 digits' data-parsley-trigger='change' data-parsley-required autofocus>
    <input id="hidden-number" name='inf_field_Phone1' type="hidden" name="phone-full">
</div>

<script>
        $("#inf_field_Phone1").intlTelInput({
            utilsScript: 'https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/9.2.7/js/utils.js'
        });
        $("#become-partner-form").submit(function() {
            $("#hidden-number").val($("#inf_field_Phone1").intlTelInput("getNumber"));
          // console.log($('#hidden-number').val());
        });
    </script>

似乎div.selected-flag的大小从38x36变为38x55?如果有任何我忘记包含的代码,请告诉我 . 任何帮助将非常感激!

1 回答

  • 2

    弄清楚了!为.selected-flag添加了一个高度:

    .intl-tel-input.allow-dropdown .selected-flag, .intl-tel-input.separate-dial-code .selected-flag {
    height: 2em !important;
    }
    

相关问题