reddit/reddit — Issue #271: 'send a message' to another reddit user - live preview width render, submit doesn't clear live preview
Author: jamesmanning
Created: 2011-12-04 19:52:02+00:00
State: open

Apologies if this is better reported elsewhere, please point me in the right direction. :)

I just submitted a message to another reddit user (ironyx)

the link of the page I used was http://www.reddit.com/message/compose/?to=ironyx

When creating the message, I had put in a url (pointing to a comment I had made) and the live preview then pushed out beyond the 'blue area'.

(I'll try to post a screen shot to make it clear).

I'm not much of a CSS guy, but looking at the DOM in Chrome, the bits that seem relevant are:

div with class of 'roundfield' and the CSS includes setting the width of it to 500:

from http://www.redditstatic.com/reddit.xai6cepmHKc.css

.roundfield {
width:500px;

Then when one of the paragraphs in the live comment exceeds that width, then it pushes out past.

One option would be something like word-wrap: break-word, but the 'better' option would likely be not having a fixed width and letting the parent expand out if the preview content goes past (again, not a CSS guy, so no idea what the right answer is :)