尺寸变化：+2.52千字节（+0.14%）

总大小：174百万

_{压缩尺寸作用}

以下账户与本公关和/或相关问题进行了互动。当活动发生时，我将继续更新这些列表。您还可以通过添加支柱支架标签。

如果您通过GitHub上的拉请求合并代码，请将以下内容复制并粘贴到合并提交消息的底部。

合著者：告诉机器<isabel_brison@git.wordpress.org>合著者：noisysocks<noisysocks@git.wordpress.org>合著者：jasmusen<joen@git.wordpress.org>

为了理解WordPress项目对贡献者的期望，请查看核心手册中的贡献者归因页面.

嗯，很棘手。希望能得到一些设计输入。@贾斯穆森：有没有人特别需要我在@萨克森F不在吗？😀

我想，除非项目也可以手动定位，否则将大小调整到顶部和左侧可能没有意义。

有没有人特别需要我来做网格设计工作

萨克森很难被取代，因为他离这个发球台太近了。我现在就来快速试探一下，我总是很高兴被打到。但总的来说，最简单的方法是ping@WordPress/gutenberg-design，这将ping一堆有用的人，他们可能会提供很好的输入。

以这个分支为例，首先是启用了“网格交互”实验的主干快速GIF：

这里只有底部和右侧的调整大小手柄。以下是该分支的GIF，描述如下：

如图所示，在选择时调整所有四个角的手柄大小。调整大小本质上是作为检查器控件存在的列跨度和行跨度的画布对应项。

首先，这仍然是一项令人印象深刻且令人惊叹的工作。网格是一个超级强大的工具，即使规范本身带有一些怪癖和奇怪之处，这最终也将是设计师手中的一个很棒的工具，对于更广泛的受众来说，它将启用可能是contentOnly locked等的奇妙模式。所以我很想看到6.6的落地效果，如果处理得当的话，这可能就是重新调整大小。

我仍然看到一个问题，即调整大小偶尔会“粘住”，就好像onmouseup事件没有注册，而可调整大小的框只是粘住了我。这通常是在我尝试打破某些东西时发生的，例如向左或向上调整左上角的单元格大小，这显然不起作用。

在如下设置中向下拖动最容易重现：

你会看到，当我拖出网格本身时，光标会改变，现在框会粘住。

在这种情况下，将调整大小手柄隐藏在调整大小没有意义的方向是否明智？也就是说，隐藏第一列的左把手，隐藏最后一列的右把手，隐藏第一行的顶部把手，隐藏末行的底部把手？

在最后一行向下调整大小的情况下，实际上会创建新行。规范允许这样做，您当然可以通过在检查器中键入大量数字来强制执行此操作。但还不清楚优化画布控件是否有价值，如果可能的话，我想在这里添加护栏，并隐藏最后一行的底部手柄。

可能不是启动的拦截器，但需要注意的是，在调整大小时，很难看到拖动的时间是否足够长，以便框“捕捉”并创建新的列跨度或行跨度。如果有办法将其形象化，那就太棒了。也许这显示了块的半透明版本及其新的col/rowspan，直到您释放光标。

我在介绍中提到，规范通常允许一些奇怪的配置。我们不应该为了避免这一点而跳过重重障碍，但如果想到一些简单的启发式方法，这可能会很好。例如，在此GIF中，将项目8向上缩放为9格，使其成为12格，其中项目8跨越第3行和第4行：

最后，我想知道您是否有机会在过去讨论一种替代虚线轮廓指示单元格的方法。它们按原样工作，但我想知道我们是否可以做一些比虚线更整洁的事情。它们可以工作，但可能有更明确的选择。几个快速测试：

这两者都有效，因为它们使用当前颜色不透明度。有一个巧妙的技巧：

.单元格{背景色：color-mix（srgb，currentColor 10%，透明）；轮廓：1px纯色mix（srgb，currentColor 20%，透明）；边距：2px；}

这基本上确保了与任何背景色的对比，因为它将继承细胞诱导色。下面是另一个彩色示例：

但总而言之：

• 做得很好，如果能把调整大小的手柄放在地上就好了，这样我们就可以对网格进行分级了。
• 值得改进交互，修复粘性错误，看看我们是否可以至少在画布控件中添加护栏。
• 探索一种依赖于当前颜色.
• 如果可能的话，添加一些“捕捉”，以预览拖动操作的最终结果的形式。

这些主要是想法，如果有用的话，请告诉我，它们肯定超越了这个PR，如果我们可以决定是始终显示所有4个句柄，还是只显示内部单元格，那么可能会出现PR。

感谢您的全面反馈和测试@贾斯穆森!

我仍然看到一个问题，即调整大小偶尔会“粘住”，就好像onmouseup事件没有注册，而可调整大小的框只是粘住了我。这通常是在我尝试打破某些东西时发生的，例如向左或向上调整左上角的单元格大小，这显然不起作用。

现在应该解决这个问题。大小调整器不应该再粘住了，但我也尝试了从边缘删除大小调整器。如果这能改善情况，请告诉我！

我在介绍中提到，规范通常允许一些奇怪的配置。我们不应该为了避免这一点而跳过重重障碍，但如果想到一些简单的启发式方法，这可能会很好。例如，在此GIF中，在9格中向上缩放项目8使其成为12格，其中项目8跨越第3行和第4行

这是一个棘手的问题。重新排列网格以减少其中的空白空间可能需要故意以列/行开头定位项目，或者添加类似的内容网格自动流：稠密网格样式。我对这两个选项的主要保留意见是，存在视觉顺序与标记顺序不匹配的风险（这就是为什么我们试图在DOM中重新排列块，当它们位于#61025).

用不透明度替换虚线单元格指示应该很容易。Rob已经尝试了类似的方法#61025，但考虑到目前极不可能在6.6中发货，也许我们可以将其移出。不管怎样，我认为这是一个很好的公关候选人，尽量保持这一个（相对）简单的审查😅

干得好。这感觉比后备箱好多了，很快就要接近一些非常坚固的东西了。我会感谢尽可能多的其他人的评论，尤其是熟悉网格的人，所以我们可以批准这个。

粘性似乎得到了解决，上下文大小调整手柄感觉工作良好，并且符合预期。所有这些都记录在下面的GIF中：

在上面的GIF中，我确实遇到了一个奇怪的地方，很难描述，但我向上调整了一行大小，前两个大小没有调整，第三个似乎突然创建了比我预期更多的行。尚不清楚这是否是一个错误。而抓拍，虽然可能很难做到正确，但在这方面可能会有所帮助。

我向上调整了一行的大小，但前两次没有调整大小，而第三次似乎突然创建了比我预期更多的行。尚不清楚这是否是一个错误。

我可以在本地复制，很肯定这是一个错误😅
现在调查一下。

我可以在本地复制，很肯定这是一个错误

这确实是一个错误。问题是，在某些网格配置中，增加网格边缘元素上的行数不会改变其总体大小。GridVisualizer组件是观察窗口大小调整为了知道何时对网格进行更改，但由于块尺寸没有更改，因此无法观察添加的额外行。

这可能通过以下方式解决#61383人通过确保自动行始终具有最小高度，几乎总是会触发网格尺寸的一些更改。不过，我对其他想法持开放态度！

这可能通过以下方式解决#61383通过确保自动行始终具有最小高度，几乎总是会触发网格尺寸的一些更改。不过，我对其他想法持开放态度！

也许 吧网格可视化工具可以观察到条数和列计数也？这有点怪。。。

我认为我们不能使用变异观察者监视CSS的更改，因为这都是通过样式引擎类输出完成的。

我认为我们不能使用变异观察者监视CSS的更改，因为这都是通过样式引擎类输出完成的。

是的，看起来没有观察员可以在这种情况下使用。我认为我们可以把这个问题留给一个单独的PR，因为它是一个现有的问题（可以通过更改侧边栏控件中顶部或底部块的Row计数在主干上重现）。如果我们决定发货#61383，它会被解决的，否则我相信我们会想出办法的。

当元素位置因调整大小而改变时，控制柄不会显示/隐藏：