Make textbox more WYSIWYG

Adam Jagosz

When I hit enter in the message/comment box, what the browser will naturally do, is create a new div node. But when submitted, it is styled more as a p node. Though upon inspection it is still a div but with added bottom margin.

The styling difference between input and output is disturbing. It made me edit my posts numerous times because I'm too dumb to remember that the extra margin will be added for me. Would you be so kind and add one tiny little CSS rule to add this margin also in the input box, so that I can actually See What I Get?

Dyana Weissman

I think we can, but I barely ever use CSS, although @Tiffany Wardle should know. We'll look into it. 

Tiffany Wardle

@Adam Jagosz I am happy to hack at the CSS, but I'm sadly not understanding the problem. An extra return simply gives you an extra line. And the margin is so subtle I'd hardly call that big. But maybe?

Dyana Weissman

Maybe screenshots showing us what you @Adam Jagosz see, both before and after of the same text, would help? 

Adam Jagosz

All right. I'm not sure what you're seeing but below I left an empty line, which with the added margins appear to be a huge hole. I usually add these empty lines to separate paragraphs, because I forget that they will be separated by the bottom margin after submitting. Empty line:

New paragraph after empty line.

New paragraph after no empty lines.

Screenshot of the edit box:

Adam Jagosz

Screenshot of the submitted comment.

Robin Mientjes

I wish it would write paragraph elements and introduce line-break elements after two empty lines, but that’s probably too much to ask of Vanilla.

Adam Jagosz

I wish it would support Markdown