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

Moving an Image aligned left above Media & Text causes wrong formatting #43621

Open
annezazu opened this issue Aug 26, 2022 · 1 comment
Open
Labels
[Block] Image Affects the Image Block [Block] Media & Text Affects the Media & Text Block [Feature] Drag and Drop Drag and drop functionality when working with blocks [Feature] Layout Layout block support, its UI controls, and style output. [Type] Bug An existing feature does not function as intended

Comments

@annezazu
Copy link
Contributor

Description

Moving an image block that's aligned left inside a columns block above a media and text block leads to a strange formatting issue and for the image in media & text block to be seemingly removed. This was found as part of the FSE Outreach Program's sixteenth call for testing.

It's unclear to me if this is somehow potentially intentional 😅. At the least, the image block in the media & text should remain. Feel free to rename this issue as well/suggest a better one as I recognize this was a tough thing to concisely title!

Step-by-step reproduction instructions

  1. Add a media and text block with an image and some text.
  2. Add a columns block below it and add an image to either column.
  3. Align the image left within the columns block.
  4. Drag and drop the image block above the media & text block.
  5. Notice formatting issue and the image block for media & text seems to be gone.

Screenshots, screen recording, code snippet

media.and.text.issue.mov

Environment info

  • WordPress 6.0.2
  • Gutenberg 13.9
  • TT2

Please confirm that you have searched existing issues in the repo.

Yes

Please confirm that you have tested with all plugins deactivated except Gutenberg.

Yes

@annezazu annezazu added [Type] Bug An existing feature does not function as intended [Feature] Drag and Drop Drag and drop functionality when working with blocks [Block] Image Affects the Image Block [Block] Media & Text Affects the Media & Text Block labels Aug 26, 2022
@carolinan
Copy link
Contributor

I can produce the disappearing media and text block image if I open both the list view and the block sidebar, so that the window width is too low.
On the front though it breaks the "post meta" area in Twenty Twenty-Three:
image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Block] Image Affects the Image Block [Block] Media & Text Affects the Media & Text Block [Feature] Drag and Drop Drag and drop functionality when working with blocks [Feature] Layout Layout block support, its UI controls, and style output. [Type] Bug An existing feature does not function as intended
Projects
None yet
Development

No branches or pull requests

3 participants