If I check my contenteditable div after adding a tag, this is how it looks (from inspect element of chrome)
<div class="statusinput mentions ui-autocomplete-input" contenteditable="true" data-placeholder="What would you like to say?" style="height: 102px; overflow-y: hidden;" autocomplete="off">test <strong data-mention="db16abcd03">bhavani v</strong>​</div>
Basically, only initialization works well for me and I am able to see suggestions and tag people. None of the methods are working. What should I do? Is this a bug?
UPDATE
All methods are working if I use a textarea. But the same is not for contenteditable div. So, its a bug
The plugin works well and initializes properly and I am able to see all the suggestions loaded via remote url in a contenteditable div.
Initialization:
$('.statusinput').mentionsInput({source: "/item_getter.php?key=tagfriend",showAtCaret: true});I try to get the mentions in the console:
console.log($('.statusinput').mentionsInput('getMentions'));I get this:
If I try some other method like:
console.log($('.statusinput').mentionsInput('getValue'));I get an error like this:
If I check my contenteditable div after adding a tag, this is how it looks (from inspect element of chrome)
<div class="statusinput mentions ui-autocomplete-input" contenteditable="true" data-placeholder="What would you like to say?" style="height: 102px; overflow-y: hidden;" autocomplete="off">test <strong data-mention="db16abcd03">bhavani v</strong>​</div>Basically, only initialization works well for me and I am able to see suggestions and tag people. None of the methods are working. What should I do? Is this a bug?
UPDATE All methods are working if I use a textarea. But the same is not for contenteditable div. So, its a bug