Skip to content

Group block: can't easily set a fixed width #72545

@davewhitley

Description

@davewhitley

What problem does this address?

It is very difficult and frustrating to make a simple circle shape using the editor. Take this example:

Image

This is a simple Stack block with a background set to green and border radius set to 999. There are a couple of workarounds to set the width of the Stack block, but none are easy to understand.

  1. Group the Stack block and set the content width to a px value. Select the Stack block and set the min height to a px value to set the height.
  2. Use the Columns block to put the Stack block in a column and set the column width to a px value. Select the Stack block and set the min height to a px value to set the height.

I shouldn't have to group my circle element in a Group block, and I shouldn't have to understand/manipulate the "inner blocks use content width" setting to set a px width on an element.

Both of these workarounds are convoluted for a such a simple and fundamental part of web design — being able to set a px width on an element.

What is your proposed solution?

I expected to see a width setting in the Dimensions panel.

Image

It's nice that we have min height there, but I would have preferred height.

Metadata

Metadata

Assignees

No one assigned

    Labels

    [Block] GroupAffects the Group Block (and row, stack and grid variants)[Type] EnhancementA suggestion for improvement.

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions