Skip to content

List block: avoid "jump" when nesting a list item #12526

@afercia

Description

@afercia

When nesting a list item, there's a visible vertical "jump" of the item (and the whole UI below it). Here's a GIF:

nested list jump

This happens because any <li> element in the WordPress admin inherits a margin-bottom: 6px; from common.css. All that's needed to avoid this unpleasant "jump" is to reset the bottom margin to 0 in the List block editor.scss. /Cc @jasmussen

Metadata

Metadata

Assignees

No one assigned

    Labels

    Good First IssueAn issue that's suitable for someone looking to contribute for the first time[Block] ListAffects the List Block[Type] BugAn existing feature does not function as intended

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions