textext position fix
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-textext/1.3.0/jquery.textext.min.js"></script>
<table>
<tr>
<td class="cat-params-container col-lg-4">
<textarea class="textarea-params" id="params_1" name="params1" rows="1">
</textarea></td>
<td class="cat-params-container col-lg-4">
<textarea class="textarea-params" id="params_2" name="params2" rows="1">
</textarea></td>
</tr>
<tr>
<td class="cat-params-container col-lg-4">
<textarea class="textarea-params" id="params_3" name="params3" rows="1">
</textarea></td>
<td class="cat-params-container col-lg-4">
<textarea class="textarea-params" id="params_4" name="params4" rows="1">
</textarea></td>
</tr>
<tr><td colspan="2"><textarea class="example" style="border: 0; padding-left:0px;" rows="1" id="x"></textarea></td></tr>
</table>
CSS
.textarea-params {
width: 100% !important;
}
.text-wrap {
position: relative !important;
}
JavaScript
jQuery(document).ready(function() {
$('.textarea-params').textext({
plugins: 'tags',
tags: {
items: [ "tag1", "tag2" ]
}
});
});
$('.example').textext({
plugins : 'tags autocomplete'
}).bind('getSuggestions', function(e, data)
{
var list = [
'Basic',
'Closure',
'Cobol',
'Delphi',
'Erlang',
'Fortran',
'Go',
'Groovy',
'Haskel',
'Java',
'JavaScript',
'OCAML',
'PHP',
'Perl',
'Python',
'Ruby',
'Scala'
],
textext = $(e.target).textext()[0],
query = (data ? data.query : '') || '';
$(this).trigger(
'setSuggestions',
{ result : textext.itemManager().filter(list, query) }
);
})
;