Post Editor: Wrap In Box - Niggly Things

Just a couple of low-level design issues I’ve noticed when working with Wrap In Boxes in the post editor that is causing my brain to itch a tiny bit! 😄

Context: I started creating content as usual, then published a page record. I went back to edit it and added the pink box you see above. I positioned the text marker at the start of the post content (at the start of the line “This is great!”, which was the very beginning of the content), then clicked Create > Wrap In Box in the post editor toolbar, and then used the box’s settings to Wrap to the right, and to size the box as Small.

With that in mind:

• Red rectangle: Unwanted extra line break was created at the start of the content when the box was created and wrapped. To remove it, I had to click on the spare line, hold Function and hit Delete (I’m on macOS but the PC equivalent would be just hitting Delete instead of Backspace). Doing anything else, such as positioning the text marker at the start of the “This is great!” line and hitting Backspace, will cause some weird removal of other content (sometimes it’s removing the entire pink box but keeping the content within it, effectively orphaning the box content, sometimes it removes the “This is great!” text line entirely… the actual effect seems to differ).

• Green Circle: Added an image to the box, but the settings appear to be absolutely massive. Not a huge deal, just thought it was kinda funny.

• Yellow rectangle: Clicked the “Insert line after” arrow button at the bottom of the image to cause a line break, but as you can see the text marker appears too close to the image. It doesn’t seem to reflect in the actual content when the page is edited/published either, because upon hitting save the ‘Stats’ text appears like this (yellow rectangle in image below)…

This lack of line break padding has actually just happened when writing this post right here - which I’m sure won’t be reflected in the actual content when I post it (see image below - so meta!).

As you can see in the yellow rectangle above, the margins between image and H4 text has been correctly applied (although the gap between image and the H4 ‘Stats’ text is now a little too much, but that’s a little too nit-picky for this topic). When I go and re-edit the post, the correct margins are also applied - it’s just when adding this content to post editor for the first time, it seems.

Although as per the red rectangle, the extra line break does still reflect in the published post if I do not remove it manually in the post editor.

Also, an additional point I just noticed - using bulleted lists in post editor displays as empty/white bullets (see first image above) but when the content is published the bullets appear filled/black (see second image above). Might be something also worth correcting.