Chrome -webkit-clip-path und outline bug
Ich habe ein ziemlich merkwürdiges Verhalten in Chrome (30.0.1599.69) -webkit-clip-path gefunden und möchte wissen, ob es ein Bug ist oder nicht.
Wenn das Element clip-path auf rectangle gesetzt ist und dann etwas auf der Seite oulence erhält (z. B. aufgrund des Fokus), wird clip-path vertikal verschoben. Nachdem die Gliederung entfernt wurde, nimmt der Clip-Pfad nicht die vorherige Position ein.
Eine Seite zum Reproduzieren .
Anfangszustand:
Etwas bekommt einen Umriss:
Und dann ohne Umriss:
Hinweis: Da weitere Umrissänderungen keinen Einfluss auf das Clipping haben, kann es zu unserem Vorteil verwendet werden, das Problem zu beheben, indem Sie einen Umriss bekannter Höhe anwenden und dann den Clip-Pfad für diesen Wert entfernen.
Aktualisierung:
Ein Problem im Chromium-Bugtracker .
Ich habe herausgefunden, dass rectangle() support entfernt wurde , aber nicht sicher, aus welchen Versionen (Hat iOS es noch?). polygon() version funktioniert hier in Canary (am 17. April 2014) .
2 Antworten
Das sieht in Chrome wie ein Fehler aus. Ich bin mir nicht sicher, ob du nur fragst, ob das wie ein Fehler aussieht oder ob es in einem Projekt, an dem du gerade arbeitest, ein Ärgernis für dich ist. Im letzteren Fall können Sie den gefundenen Fehler umgehen, indem Sie die standardmäßige Chrome-Kontur im Fokus entfernen und optional durch einen Box-Shadow ersetzen, wenn Sie möchten, dass sie gleich aussieht. Zum Beispiel:
%Vor%Ich habe diesen Fehler oder ähnliches auch in Chrom bemerkt. in Bezug auf -webkit-clip-path. Ich habe nachgesehen und es scheint kein Problem zu bestehen ( Ссылка ). Ihr Test scheint nicht mehr wie beschrieben zu funktionieren.
Tags und Links css google-chrome clip