J'utilise simplement la capacité Tippy pour avoir un champ de saisie inclus dans l'infobulle. Tout fonctionne bien, sauf qu'il est impossible d'écrire quoi que ce soit dans le champ de saisie. Est-il possible de le faire ? Comment ?
Voici mon code :
<!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>
