Skip to content
This repository was archived by the owner on Feb 23, 2024. It is now read-only.
This repository was archived by the owner on Feb 23, 2024. It is now read-only.

Alignment attribute is unpredictable with two blocks that support it #8336

Open
@kmanijak

Description

@kmanijak

Description

There're many blocks that support align attribute with options: none, wide, full to choose from. When there's more than one block within the Group that support it, they start to behave unpredictable.

Steps to reproduce

  1. Go to Editor and edit template, e.g. Products by Category
  2. Add Group Block
  3. Within Group block add two blocks that support alignment options, e.g.: Products, Featured Products.
  4. Start changing the align options, save and check the results in frontend

Expected: align always follow what's in Editor
Actual: Changing the align attribute in one block, affects the other. Sometimes the change is not reflected in Editor

Video/screenshots

Video with Products and Featured Product - featured Product disappears every second update. Also Products alignment setting is not respected on the frontend:
https://user-images.githubusercontent.com/20098064/215533429-abea3897-65aa-4caf-82f2-3c9c4f0e4772.mov

Video with Breadcrumbs block (in development) with Products block - both support align option. Reproducible in add/convert-classic-template branch:
https://user-images.githubusercontent.com/20098064/215531378-7c2a342a-376f-4196-a8f5-c1c226e39970.mov

Environment

WordPress: 6.1.1
Gutenberg: 15.0.1
WooCommerce Blocks: 9.5.0-dev

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions