Paragraph spacing in input and preview does not match final display
Options

Stephen Coles
Posts: 1,022
Just reposting this report so it’s not lost.
Typedrawers’ CSS has built-in spacing below paragraphs, but that doesn’t show in the input
field (or the Preview), so people add an extra linebreak to get space
between paragraphs. If you do a single return, you get space between the
two paragraphs. So it’s a bit of a bug that needs to get fixed in either the input or the display styles.
1
Comments
-
Test:These two paragraphs have a single line break between them.These two paragraphs have a single line break between them.These two paragraphs have two line breaks between them.These two paragraphs have two line breaks between them.
0 -
I’d be happy to take a stab at this if the maintainers are too busy.0
-
Maybe something can be done about the code view also?
Linespaces like this<br>in code view get mangled.
2 -
The first reason of the issue is that the CSS in editor is different from the CSS in the published comment. Some synchronisation of rules (in the editor's CSS) will help to see more fair Preview before the comment will be posted.
The second reason of the issue is that, when I press the Enter key in editor, there is some random chance that I have something from the following options, and I never know which one:- <br> – directly does what I see in the editor. One <br> is a line break, two <br><br> are a double line break. This is fair for both editor and published comment, so usually I prefer this option.
- <div> – I'm not sure but it seems like it has a different vertical space than just two <br><br>.
- <br> inside <div> – worst option which cause that extra vertical space.
1
Categories
- All Categories
- 46 Introductions
- 3.8K Typeface Design
- 476 Type Design Critiques
- 555 Type Design Software
- 1.1K Type Design Technique & Theory
- 640 Type Business
- 831 Font Technology
- 29 Punchcutting
- 508 Typography
- 120 Type Education
- 313 Type History
- 75 Type Resources
- 109 Lettering and Calligraphy
- 30 Lettering Critiques
- 79 Lettering Technique & Theory
- 533 Announcements
- 86 Events
- 110 Job Postings
- 167 Type Releases
- 169 Miscellaneous News
- 274 About TypeDrawers
- 53 TypeDrawers Announcements
- 119 Suggestions and Bug Reports