8

Chrome の (30.0.1599.69) でかなり奇妙な動作を見つけました-webkit-clip-path。これがバグかどうかを知りたいです。

要素の clip-path が四角形に設定されている場合、ページ上の何かが (たとえば、フォーカスのために) アウトラインになると、clip-path が垂直方向に移動します。アウトラインが削除された後、clip-path は以前の位置を取りません。

それを再現するためのページ。

初期状態:

すべて大丈夫です

何かがアウトラインを取得します：

バグがはっきり見える

そしてアウトラインなし：

ここに画像の説明を入力

注: それ以上のアウトラインの変更はクリッピングに影響しないため、既知の高さのアウトラインを適用し、この値のクリップ パスをオフセットすることで、問題を「修正」するために使用できます。

アップデート：

Chromium バグトラッカーの問題。

rectangle()サポートが削除されたことがわかりましたが、どのバージョンからかわかりません (iOS にはまだありますか?)。polygon()このバージョンは、ここ Canary で正常に動作します (2014 年 4 月 17 日現在)。

4

2 に答える 2

1

それはChromeのバグのようです。これがバグのように見えるのか、それともあなたが取り組んでいるプロジェクトで実際に迷惑なのかと尋ねているだけなのか、私にはわかりません. 後者の場合、フォーカス時に標準の 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;
}
于 2013-11-10T21:40:19.487 に答える