Skip to content

Updated Flexible Content UI breaks in the side bar #971

@romainmenke

Description

@romainmenke

Describe the bug

The updated flexible content field UI doesn't scale down sufficiently and visually breaks

To Reproduce
Steps to reproduce the behavior:

  1. Add a flexible content field to a field group
  2. Position that field group in the side bar
  3. See that text overflows the available space

Expected behavior

I expected the UI to not break.

Screenshots or Video

Image

Code
N/A

Use any flexibly content in any field group in the side bar.

Version Information:

  • WordPress Version : 6.6.2
  • PHP Version : N/A
  • ACF Version : 8.5.0
  • Browser : Latest Chrome

Additional context

This website uses the Classic Editor.
But the same issue will probably exist anywhere on small enough screens, regardless of the placement of the flexible content field.

Not enforcing heights and allowing flex containers to wrap already works better when the available space is limited.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions