Skip to content

Accordion Panel: Block should not be visible when the panel is collapsed #71806

@t-hamano

Description

@t-hamano

Description

The Accordion Panel should not have any visual presence unless the panel is expanded. However, the block has padding or border applied, the border or part of the content is visible.

I think we should add some CSS to solve this problem.

Step-by-step reproduction instructions

  • Insert an Accordion block
  • Apply padding and border styles to the Accordion Header block.
  • Open the front end.
  • Confirm that the border is displayed and the contents are displayed although the panel is not expanded.

Screenshots, screen recording, code snippet

e8e9aa1abf39694c042c3fce8a22e42c.mp4

Environment info

No response

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] AccordionAffects the Accordion Block[Status] In ProgressTracking issues with work in progress[Type] BugAn existing feature does not function as intended

    Type

    No fields configured for Bug.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions