New editor: quote overlap
-
Hello. I noticed that, in the new editor, the quote blue box doesn’t adjusts itself to the content around. If I add a table (infobox), for example, the text of the quote adjusts, but the blue box remains as it was, and overlaps the infobox!
In fact, now I noticed it on image subtitles too. These problems doesn’t appears in the published posts, just when editing, with the new editor.
Here are the full screenshots: http://imgur.com/a/rCvpy
The blog I need help with is: (visible only to logged in users)
-
Hi @kixty9 that’s interesting. With a bit of testing, though, I found that’s just how the table float will behave. Here it is with straight-up HTML and a little CSS for clarity:
So the backgrounds will extend past each other, but the text will not. And in my test the table floats on top of everything. But as long as your background colors are the same and you aren’t using borders (the editor uses a background color to set things apart, but your theme does not) you should be fine.
I’d just recommend adding a bit of a left margin to your table so the words from the quote and paragraph don’t bump into it.
-
But as long as your background colors are the same and you aren’t using borders (the editor uses a background color to set things apart, but your theme does not) you should be fine.
I could not understand what did you tried to mean here. Background colors of what, the floating tables? I don’t configure background colors for the tables, neither the new editor, as you can see by the blue quote box behind the table appearing through as if the table was transparent.
With a bit of testing, though, I found that’s just how the table float will behave.
The problem I tried to point out is that the old editor treat better 2 of these conflicts. The images are placed completely below the table, instead of overlapping the image itselft or the subtitles. In the case of the quote box, it does the same as the new editor, overlapping.
I show this in the following screenshots. I configured the background color of the quotation to yellow just to see the taht same happens.
http://imgur.com/a/gpcsu -
By the way, be careful: you said you could just paste song lyrics as filling text, but this could be copyright violation and cause trouble to you.
-
-
When you have a table floating to one side, the background color for blockquotes and paragraphs will extend to their full width.
Your screenshot shows the editor; my screenshot shows HTML outside the editor behaving as it normally would. And those behaviors match. This isn’t a bug in the editor; it’s just how HTML works. I’ve added a screenshot of how this works with a clear table, too:
-
And in the editor, because the background color is set for a blockquote there, you can see it.
You don’t see it in your posts, because your site does not display a background color with blockquotes.
I hope that helps.
-
OK, I already saw that there is not much to do about the blockquote, when I set the background color to yellow and the behavior both in old and new editor was the same. But OK, your explanation improves my perception.
BUT! The old and new editors behave differently when the topic is the image subtitles. What do you have to say about that?
-
Honestly neither editor will look exactly like your site anyway, unless you use preview. But if you’d like to send screenshots of this other thing I’ll take a look.
-
I’m not expecting necessarily that it’s showed exactly like the site. Just that the new editor shows like the old editor, which treat this conflict better, by putting the images completely below the floating table instead of changing the size of the image and leaving the subtitle with the same size.
The screenshots were already sent. I sent 6, 3 of the new editor, and 3 of the old editor. Of each 3, 2 are from subtitles, and 1 from quotes.
- The topic ‘New editor: quote overlap’ is closed to new replies.
WordPress.com Forums 