跳到内容
新问题

对这个项目有疑问吗？注册一个免费的GitHub帐户以打开一个问题，并联系其维护者和社区。

注册GitHub

点击“注册GitHub”，即表示您同意我们的服务条款和隐私声明。我们偶尔会向您发送与帐户相关的电子邮件。

已经在GitHub上了？登录到您的帐户
跳到底部

调整大小框的网格布局交互问题 #61633

关闭
完成3项任务
安德鲁斯隆已打开此问题2024年5月13日·4条评论
关闭
完成3项任务

调整大小框的网格布局交互问题 #61633

安德鲁斯隆已打开此问题2024年5月13日·4条评论
标签
[功能]布局 布局块支持、其UI控件和样式输出。 [类型]Bug 现有功能无法按预期工作

评论

@安德鲁斯隆
复制链接
贡献者

安德鲁斯隆 评论2024年5月13日 •
已编辑
加载

描述

的一部分#57478

此问题捕获了我在中测试网格交互实验时遇到的几个问题大旅行箱。随着网格交互实验的启动，我注意到以下问题：

  • 在站点编辑器中，当拖动Grid块的子项时，大小调整器的尺寸不正确（这似乎是由于样式与编辑器的可调整大小框冲突所致）
  • 在post编辑器中，当iframed时，可调整大小的框的尺寸和限制有时也不正确
  • 当要拖动一个块以跨越多个列时，似乎存在潜在的内存泄漏或无限循环，但用户在块的原始边界上放开了拖动手柄

分步复制说明

使用以下网格标记：

网格标记 
<!-- wp:group{“layout”：{“type”：“grid”，“columnCount”：3，“minimumColumnWidth”：null，“rowCount”：“3”}-->
<分区 班="wp-block-group（wp-block组）"><!-- wp:paragraph{“style”：{“layout”：{“columnSpan”：1，“rowSpan”:1}}，“backgroundColor”：“accent-4”}-->
<第页 班="has-accent-4-背景色has-background">一段</第页>
<!-- /wp：段落-->

<!-- wp:段落｛“backgroundColor”：“accent-4”｝-->
<第页 班="has-accent-4-背景色has-background">另一段</第页>
<!-- /wp：段落-->

<!-- wp:段落{“backgroundColor”：“accent-4”}-->
<第页 班="has-accent-4-背景色has-background">另一个</第页>
<!-- /wp：段落-->

<!-- wp:paragraph{“style”：{“layout”：{“columnSpan”：1，“rowSpan”:1}}，“backgroundColor”：“accent-4”}-->
<第页 班="has-accent-4-背景色has-background">一段</第页>
<!-- /wp：段落-->

<!-- wp:段落{“backgroundColor”：“accent-4”}-->
<第页 班="has-accent-4-背景色has-background">还有一个</第页>
<!-- /wp：段落--></分区>
<!-- /wp:组-->

<!-- wp：段落-->
<第页></第页>
<!-- /wp：段落-->

<!-- wp：段落-->
<第页></第页>
<!-- /wp：段落-->

测试以下内容：

  • 在站点编辑器中
  • 在后期编辑器中，在iframed（即关闭自定义字段框）时，尝试拖动每个框上的手柄。对我来说，第一个网格子对象的拖曳距离不能超过它的大小，当选择并拖曳最后一个子对象时，尺寸是关闭的（参见下面的屏幕抓图）
  • 在帖子编辑器中，在没有iframed的情况下（即打开自定义字段框），尝试上面的操作-这对我来说效果更好，但我注意到，如果我拖动最后一个网格子对象上的右拖动手柄向右拉伸，但让它越过块右侧原始位置的区域，那么编辑器就会冻结

屏幕截图、屏幕录制、代码片段

iframed时，在后期编辑器中显示错误尺寸和尺寸限制的屏幕：

2024-05-13.16.22.32英里4

编辑在未装帧时在后期编辑器中冻结的屏幕选项卡：

2024年5月14日9.04.40.mp4

环境信息

无响应

请确认您已搜索回购中的现有问题。

是的

请确认您已测试除古腾堡外的所有插件。

是的
@安德鲁斯隆 安德鲁斯隆补充[类型]Bug 现有功能无法按预期工作 [功能]布局 布局块支持、其UI控件和样式输出。标签2024年5月13日
@安德鲁斯隆 安德鲁斯隆提到了这个问题 2024年5月13日
正常开放
37项任务
@告诉机器
复制链接
贡献者

好的，我认为这里有三个单独的问题：

  • 站点编辑器调整大小器错误，在尝试垂直调整大小时发生（左右手柄位置错误，但不影响实际调整大小）
  • 一个带有右调整大小手柄的错误，到目前为止我只能在站点编辑器中重现，它阻止了完全向右调整大小（左右手柄似乎向内收缩），尽管向左调整大小很好
  • 非iframed post编辑器错误与body元素上设置的事件侦听器有关；如果我们能检测出编辑器是否是iframed的，我们也许可以添加一些不同的逻辑来处理它（我们能检测到吗？我不确定）

@安德鲁斯隆
复制链接
贡献者 作者

谢谢你帮我解围👍
如果有帮助的话，我发现以可靠的方式重现post编辑器锁定问题有点棘手。拖回原始大小时，通常需要拖几次列或行跨度，然后它才会断开。

@告诉机器
复制链接
贡献者

在我的本地测试中，将事件侦听器移动到.editor样式包装器而不是身体似乎修复了非iframed编辑器的问题。我会建立一个公关。

我在non-iframed中注意到的另一个问题是上下限不正确，我认为是因为内容参考始终为空，因此它使用后备高度差，如果编辑器没有iframed，这当然不适用。我认为这就是为什么我最初将ref添加到虚拟元素中，而不是将其传递给resizer；最好把它带回来。

这是被引用的2024年5月14日
已合并
已合并
这是被引用的2024年5月14日
已合并
已合并
@安德鲁斯隆
复制链接
贡献者 作者

现在问题已经解决了，我将结束这项工作#61636,#61641、和#61643谢谢大家在这方面的快速工作！

@吵闹声 吵闹声提到了这个问题 2024年5月14日
已合并
免费注册 在GitHub上加入此对话.已经有账户了吗？登录以发表评论
受让人
未分配人员
标签
[功能]布局 布局块支持、其UI控件和样式输出。 [类型]Bug 现有功能无法按预期工作
项目
还没有
里程碑
无里程碑
开发

没有分支或拉请求
2名参与者
@告诉机器 @安德鲁斯隆