Focus error Firefox

[guiz26]

Hi, I have problème with plugin in Firefox. I send message and i click in area for write new message the cursor focus .emojionearea-button

My code : $("#message").emojioneArea({ pickerPosition: "bottom", filtersPosition: "bottom", tonesStyle: "checkbox", events: { keydown: function (editor, event) { $('#message').empty(); $('#message').val($('.emojionearea-editor').html()); if (event.which == 13 && $('#check_equal_send').is(':checked')) { event.preventDefault(); $('#from_chat').submit(); return false; } }, }, });

$('#from_chat').submit(function () { //code for send $('#message').val(''); $('.emojionearea-editor').empty(); $('.emojionearea-editor').focus(); return false; });

[s0xDk]

I confirm that. Seems like nested divs .emojionearea-button-open and .emojionearea-button-close are inheriting contenteditable mode.

[Kuan93]

+1 for Firefox

[floreean]

i think this is related to the know firefox issue with 'contenteditable'. for me it only worked when i pass on the placeholder. i did it via css:

.emojionearea .emojionearea-editor:empty:before {
content: attr(placeholder); display: none; color: #bbb; }

a workaround/fix for this is highly appreciated ;)

[dtelaroli]

:+1:

[MartinSchmid2409]

+1 for Firefox @ v3.2.2

[zjw666]

+1 for Firefox

[zjw666]

.emojionearea-editor:focus::before{
    content:none !important;
}

Add the codes above into your CSS file when you meet the same problem with Firefox.