Inline CSS for text input


#1

It’s not really a bug, but it seems the textarea input has some inline styling:

<div class="textareaWrapper"><textarea rows="4" cols="40" name="task[content]" class="editor_field text_input one_line withHelpIcon" id="anonymous_element_28" autocomplete="off" style="font-family: 'Helvetica Neue', Helvetica, trebuchet, sans-serif; font-weight: 400; font-size: 14px; line-height: 18.2px; padding-top: 2px; padding-bottom: 2px; padding-left: 4px; height: 25px;"></textarea></div>

Maybe this styling can be moved to CSS. Makes it easier to change fonts consistently. :wink:


#2

Hi, these styles are copied from the style of the element which is being edited, so if you correctly set font before editing it should be copied to the editor as well. Would it work?


#3

Thanks, that explains things. I didn’t expect such dynamic behavior in that place. Originally I styled the class “userContent” (which was your example in discussion 58), but it seems the element that the font is copied from is some element above “userContent” in the DOM tree, probably the span with class “editable”. With that new knowledge, everything is fine. :slight_smile: