Composer preview shows one more newline under images than what you see in rendered posts

ux
1

It looks like the composer preview is adding one extra newline after an image but cooked post content looks fine as you can see below:

image
I have not added any space after this image

image

I have added a single newline after this image

But when you’re composing / editing this post, you’ll see one extra newline being added:

nl
nl.png2266×1053 246 KB

I’m noticing this because it only started happening sometime in the last few months. As someone who uses lots of images in posts, it bothers me a little bit when the composer preview looks different from the actual cooked post content.

5 Likes
2

This might be a first-of-type or last-of-type spacing css rule?

2 Likes
3

It’s because of our hover image resizing controls, I’ve been bit by this too and have been meaning to revisit the positioning.

Part of the problem with having the controls over the image is that sometimes images are really short, and in those cases the controls cover the entire image… (might be fine if it’s just on hover?).

23%20AM
Screen Shot 2019-09-13 at 9.46.23 AM.png714×640 77.3 KB

8 Likes
4

That seems like a crazy edge case to optimize for??

1 Like
5

Problem is illustrated here:

I’m going to take another crack at it next week, it should be solvable even though it’s edgy.

1 Like
6

I don’t see much value in considering that case at all?