Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Quote Block] Indentation and left border is not in sync between the front-end and the editor #35740

Closed
kjellr opened this issue Oct 18, 2021 · 1 comment
Labels
[Block] Quote Affects the Quote Block [Type] Bug An existing feature does not function as intended

Comments

@kjellr
Copy link
Contributor

kjellr commented Oct 18, 2021

By default (when a theme provides no styles), a quote block appears like this in the editor:

Screen Shot 2021-10-18 at 12 41 06 PM

Note the pink alignment guides I've added in the screenshot. The quote is indented inside of the surrounding paragraph blocks. This indentation is not carried through to the front end. There, the border to the left of the quote hangs off the edge of the text column, and the quote text is shifted left by the same amount:

Screen Shot 2021-10-18 at 12 40 52 PM

I believe the editor view is the correct one.

To reproduce:

  1. Using a theme that does not provide any quote block styles, add a quote block.
  2. Compare the frontend and backend

Versions

Gutenberg Version 11.7.0

@mikachan
Copy link
Member

This no longer seems to be an issue. Currently on GB 13.8.0-rc.1, I am seeing the same styles on the front end and in the editor, and they both look correct:

Front end:
image

Editor:
image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Block] Quote Affects the Quote Block [Type] Bug An existing feature does not function as intended
Projects
None yet
Development

No branches or pull requests

2 participants