Css Chrome-webkit剪辑路径和轮廓错误

我在Chrome的（30.0.1599.69）

-webkit剪辑路径中发现了相当奇怪的行为，我想知道这是否是一个bug

当元素将clip path设置为rectangle，然后页面上的某个对象得到了ouline（例如，由于焦点），clip path将垂直移动。删除轮廓后，剪辑路径不会占据上一个位置


初始状态：


有些东西有一个轮廓：


然后没有提纲：


注意：由于进一步的轮廓更改不会影响剪裁，因此我们可以通过应用已知高度的轮廓，然后偏移此值的剪裁路径来“修复”问题

更新：

我发现
rectangle（）
支持，但不确定从哪个版本（iOS仍然有吗？）<代码>多边形（）

版本。

这看起来确实像Chrome中的一个bug。我不确定你是在问这看起来像是一个bug，还是在你正在进行的项目中它实际上是一个麻烦。对于后者，您可以通过删除焦点上的标准Chrome轮廓，并选择将其替换为方框阴影（如果您希望其外观相同）来绕过发现的错误。例如：

input:focus {
    outline: none;

    // Optionally do something like this
    -webkit-box-shadow: 0 0 4px blue;
    -moz-box-shadow: 0 0 4px blue;
    box-shadow: 0 0 4px blue;
}

---

我在chrome中也注意到了这个bug或类似的东西。与-webkit剪辑路径相关。我已经看过了，似乎没有提出任何问题（）。您的测试似乎不再像您描述的那样有效。

请确保查看chromium项目，看看是否存在错误。。谢谢，我查看了可疑的“剪辑路径”和“大纲”问题，但没有发现类似的问题。您的最终结果是什么？看起来像是一个真正的bug。你提交报告了吗？