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

Stephen Coles
Posts: 1,023
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
- 478 Type Design Critiques
- 556 Type Design Software
- 1.1K Type Design Technique & Theory
- 644 Type Business
- 833 Font Technology
- 29 Punchcutting
- 510 Typography
- 120 Type Education
- 315 Type History
- 75 Type Resources
- 109 Lettering and Calligraphy
- 30 Lettering Critiques
- 79 Lettering Technique & Theory
- 534 Announcements
- 86 Events
- 110 Job Postings
- 167 Type Releases
- 170 Miscellaneous News
- 274 About TypeDrawers
- 53 TypeDrawers Announcements
- 119 Suggestions and Bug Reports