Skip to content

Add support for overflow: clip to Cover and Group blocks #68032

Open
Enhancement
Open
Add support for overflow: clip to Cover and Group blocks#68032
Enhancement
Labels
CSS StylingRelated to editor and front end styles, CSS-specific issues.[Block] CoverAffects the Cover Block - used to display content laid over a background image[Block] GroupAffects the Group Block (and row, stack and grid variants)[Feature] Design ToolsTools that impact the appearance of blocks both to expand the number of tools and improve the experi[Type] EnhancementA suggestion for improvement.

Description

@jarekmorawski
jarekmorawski
opened on Dec 16, 2024

What problem does this address?

The overflow: clip property in CSS could unlock interesting new ways to build layouts using blocks. For instance, we'd let designers position images and other decorative elements anywhere inside the Cover, Group, or another container block. Such layouts are common, especially on websites with large and prominent headers.

According to Can I Use, the property seems to have good browser support.

What is your proposed solution?

Shall we explore what such support could look like?

Activity

  1. jarekmorawski
    added
    [Block] CoverAffects the Cover Block - used to display content laid over a background image
    [Block] GroupAffects the Group Block (and row, stack and grid variants)
    [Type] EnhancementA suggestion for improvement.
    CSS StylingRelated to editor and front end styles, CSS-specific issues.
    on Dec 16, 2024

  2. jarekmorawski commented on Dec 16, 2024

    @jarekmorawski
    jarekmorawski
    on Dec 16, 2024
    ContributorAuthor

    A possible UI inspiration from Blockera, an alternative block-based page building tool.

    Image

  3. patil-vipul commented on Jan 2, 2025

    @patil-vipul
    patil-vipul
    on Jan 2, 2025

    @jarekmorawski I've verified the overflow property is not available on the latest cover and group blocks in Gutenberg.
    I'll be raising a PR for adding the property.

  4. mtias
    added
    [Feature] Design ToolsTools that impact the appearance of blocks both to expand the number of tools and improve the experi
    on Nov 28, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    CSS StylingRelated to editor and front end styles, CSS-specific issues.[Block] CoverAffects the Cover Block - used to display content laid over a background image[Block] GroupAffects the Group Block (and row, stack and grid variants)[Feature] Design ToolsTools that impact the appearance of blocks both to expand the number of tools and improve the experi[Type] EnhancementA suggestion for improvement.

    Type

    Enhancement

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions