当输入字段在 Firefox 浏览器的输入组内时，Bootstrap 弹出窗口不会隐藏

问题描述

根据标题，当输入字段位于 Firefox 浏览器中的输入组内时，引导弹出窗口不会在字段内单击时隐藏。这是浏览器错误还是我做错了什么？

<div class='form-group'>
                <div class="input-group">
                <span class="input-group-addon glyphicon glyphicon-earphone"></span>
                
                <input type="tel" id="cust_mobile" name="cust_mobile" class="form-control" data-toggle="popover" data-content="popover content" required />
                </div>
</div>

<script src="jquery-ui-1.12.1/external/jquery/jquery.js"></script>
    <script src="js/bootstrap.js"></script>

<script>
$(document).ready(function () {
    var is_touch_device = ("ontouchstart" in window) || window.DocumentTouch && document instanceof DocumentTouch;
      
    $('#cust_mobile').popover({
    trigger: is_touch_device ? "click" : "hover",placement: is_touch_device ? "top" : "bottom"
    });
         
    if (!is_touch_device) { 
        $('#cust_mobile').click(function(){      
        $("[data-toggle='popover']").popover('hide');   
        });
    }; 
      });
</script>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）