Включить поле ввода в подсказку Tippy - PullRequest
Новая
       16

Включить поле ввода в подсказку Tippy

0 голосов
/ 28 октября 2018

Я просто использую возможность Tippy, чтобы поле ввода было включено во всплывающую подсказку. Все работает нормально, за исключением того, что в поле ввода ничего нельзя записать. Возможно ли это сделать? Как?

Вот мой код: 

<!DOCTYPE html>
<html>
<head>
<script src="https://unpkg.com/tippy.js@3/dist/tippy.all.min.js"></script>
<script>
    tippy.setDefaults({
        allowHTML: 1,
        trigger: 'click',
        hideOnClick : 'toggle'
    })
function initAllValues() {
    tippy('.enery', {
      content: document.querySelector('#myTemplate')
    })
}
</script>
</head>
<body onload="initAllValues()">
<span class="enery">Text</span>
<div id="myTemplate">
  My HTML <strong style="color: pink;">tooltip</strong> content with an input field <input type="number" id="catch_value">
</div>
</body>
</html>

1 Ответ

0 голосов
/ 01 ноября 2018

Решение проще простого: в tippy нужно установить следующую опцию: 

interactive: true option

Примечание: прямая поддержка и обсуждения tippy доступны на их github, включая ответ на текущий вопрос: https://github.com/atomiks/tippyjs/issues/342#event-1935111700

...