Trumbowyg: Caret isn't visible when user first click the text area

Created on 2 Oct 2016  路  4Comments  路  Source: Alex-D/Trumbowyg

When I click on the designated editable area, the flashing caret that you usually get when a textarea gets focus is not visible in the editable area. Only when I start typing a letter the caret appears. So the problem is that when the user clicks the designated text area with his mouse, it looks like the text area loses focus because there is not visual cue showing the user that he can start typing text.

untitled-2

Chrome latest version
Windows 7
1920x1080

core need contributor

Most helpful comment

Hi, it's just a guess, but is your textarea inside a html label? And if so, did you try to move it out of the label container?

All 4 comments

Hi, it's just a guess, but is your textarea inside a html label? And if so, did you try to move it out of the label container?

Thank you!!! that saved me a lot of time!

I can also confirm this was an issue we were having and it was due to the textarea being wrapped in a label.

So you should use:

<label for="my-textarea">...</label><textarea id="my-textarea" class="editor"></textarea>

Was this page helpful?
0 / 5 - 0 ratings

Related issues

DirkOlten picture DirkOlten  路  3Comments

KiarashS picture KiarashS  路  3Comments

karovska picture karovska  路  5Comments

mgjunk picture mgjunk  路  4Comments

dmorrison-olive picture dmorrison-olive  路  3Comments