close
Skip to content

Alignment left and right (float) break some blocks like Cover #73691

@krokodok

Description

@krokodok

Description

I was surprised to find out, that the "Align left" and "Align right" options break the content width layout for some Blocks like Cover. I have a feeling there are some clear: boths missing.

This seems like a good related issue to a general overhaul: #62840.

Step-by-step reproduction instructions

  1. Insert Block (e.g. Image Block) and set to "Align left".

  2. Add Paragraph Blocks after the Image Block.

  3. Observe, how the Image Block floats left of the Paragraph Blocks, indenting the text.

  4. Insert second Image Block after the left aligned Block and set to "Wide width".

  5. Observe, how the floating Image Block sits above the wide aligned Image Block. This is correct.

  6. Transform the second Image Block to a Cover Block.

  7. Observe, how the floating Block pushes the Cover Block out of the way, breaking the layout.

Screenshots, screen recording, code snippet

Bildschirmaufnahme.2025-12-02.um.12.35.13.mov
Bildschirmaufnahme.2025-12-02.um.12.35.35.mov
Bildschirmaufnahme.2025-12-02.um.12.35.56.mov

Environment info

  • Firefox 145.0.2
  • WordPress Playground 6.8
  • PHP 8.3

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

Please confirm which theme type you used for testing.

  • Block
  • Classic
  • Hybrid (e.g. classic with theme.json)
  • Not sure

Metadata

Metadata

Assignees

No one assigned

    Labels

    [Block] CoverAffects the Cover Block - used to display content laid over a background image[Type] BugAn existing feature does not function as intended

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions