Bootstrap 3 popover show-hide решение для сенсорных устройств

Question

Я пытаюсь настроить всплывающее окно, чтобы поле ввода работало должным образом как на сенсорных, так и на несенсорных устройствах - это срабатывало бы при наведении курсора на несенсорные устройства и касании на сенсорных устройствах.

Мой код отлично работает без касания, где он срабатывает при наведении и скрывается при щелчке, но функция .click не позволит вообще отображать всплывающее окно при касании.

Возможно, таймерное скрытие было бы еще лучшим решением, но не знаете, как настроить его с помощью is_touch_device? триггер.

Помощь будет признательна, спасибо.

var is_touch_device = ("ontouchstart" in window) || window.DocumentTouch && document instanceof DocumentTouch;
      
      
    $('#inputfield').popover({
    trigger: is_touch_device ? "click" : "hover"
    });
        
      $('#inputfield').click(function(){
        $("[data-toggle='popover']").popover('hide');
    })
      
      });