Updated Flexible Content UI breaks in the side bar

未关闭
#971 1 条评论 1 个 reaction 已指派 0 人 在 GitHub 查看

还没有人认领这个 Issue。

评估

难度
3/5
预计耗时
1-2 天
新手友好度
45/100
Issue 类型
缺陷
描述清晰度
基本清楚
活跃度
停滞
技术栈
php, wordpress
领域
frontend

调研方向

使用报告中的 WordPress 6.6.2 和 ACF 8.5.0 配置,将 flexible content 字段放入分配给侧边栏的 WordPress 字段组中,以重现该问题。检查窄宽度下的 flexible content UI,并比较其 flex 尺寸和换行行为。当侧边栏和其他小屏幕布局不再溢出或出现视觉错乱时,即视为完成。

由索引模型根据 Issue 内容生成。

描述

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.

主要语言
PHP
星标
947
派生
198
PR 合并指标
30 天内没有已合并 PR

环境准备

这个项目没有提供开发容器、Dockerfile 或贡献指南,环境需要你自己搭建:先看它的 README,通用步骤见我们的新手贡献指南。

从这里开始

  1. 先读完整个 Issue,再读项目的贡献指南。
  2. 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
  3. Fork 仓库,在一个分支上完成修改。
  4. 提交 Pull Request,并在描述里引用这个 Issue 编号。

AdvancedCustomFields/acf 的其他 Issue

查看 AdvancedCustomFields/acf 的全部 Issue

相似的 Issue

更多 PHP Issue

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。