Version 2 not support element contenteditable

[pkhadson]

My code:

<div class="form-group">
    <label for="comment">start typing with @</label>
    <div contenteditable="true" class="form-control default_message" rows="5" id="comment"></div>
 </div>

<link rel="stylesheet" href="/assets/vendors/bootstrap-suggest/bootstrap-suggest.css">

<script src="https://cdnjs.cloudflare.com/ajax/libs/caret/1.3.7/jquery.caret.js"></script>
<script src="/assets/vendors/bootstrap-suggest/bootstrap-suggest.min.js"></script>
<script>
const vars_default = [
    {
        name: 'nome_do_cliente',
        label: 'Nome do cliente'
    },{
        name: 'telefone_do_cliente',
        label: 'Telefone do cliente'
    },{
        name: 'numero_do_atendimento',
        label: 'Número do atendimento'
    },{
        name: 'data',
        label: 'Data'
    },{
        name: 'hora',
        label: 'Hora'
    },
    {
        name: 'posicao_fila',
        label: 'Posição na fila'
    },{
        name: 'tempo_medio_espera',
        label: 'Tempo médio de espera'
    },{
        name: 'fila_anterior',
        label: 'Nome da fila anterior'
    },{
        name: 'nome_agent',
        label: 'Nome do agente'
    },{
        name: 'qualificacao',
        label: 'Qualificacao'
    }
];

$('.default_message').suggest('#', {
 data: vars_default,
 map: function(_var) {
   return {
     value: _var.name,
     text: '<strong>'+_var.label+'</strong> <small>'+_var.name+'</small>'
   }
 }
})

</script>