Баг в хроме

[vinny]

Короче суть проблемы:
при использовании css-анимации встретил баг: совершенно независимый от элемента, на который повешена анимация, элемент дергается, когда воспроизводится анимация. фраза наверное взорвала мозг всем) короче вот пример:
http://365psd.com/

при наведении на теги в сайдбаре дергается основной блок, тока в хроме такое заметил.

когда столкнулся с багом, помогло только то что я повесил дергающийся блок в абсолют. но там был блок незначительный, не будешь ведь делать это с самым главным блоком сайта.

короч кто встречал подобное и нашел норм решение, поделитеся 

[advokatua]

Chrome - ничего дергающегося не заметил (

Дергания видел раньше в своей верстке http://webdevelop.zz.mu/illustrate/index.html

Если навести на круг, то область вокруг поддергивалась как от вибрации. Это было месяц назад, потом вышел новый Хром и дергания пропали. Как мне казалось, это происходило из-за не совсем точной обработки дробных чисел. Могу и ошибаться. 

Edited November 11, 2013 by advokatua

[Vlad]

Дёргается.

Версия 30.0.1599.101

Можно пока только посоветовать убрать transition для Хрома.

[SelenIT]

«В любой непонятной ситуации фигачь -webkit-backface-visibility: hidden» (©)

Это один из самых безопасных способов одновременно изолировать проблемный элемент в отдельный «RenderLayer» (нечто, до боли напоминающее старый добрый IEшный hasLayout на новом витке развития) и иногда, заодно, случайно включить для него аппаратное ускорение отрисовки. А еще говорят, что в наше время, мол, хаки больше не нужны...

[Vin]

Это один из самых безопасных способов одновременно изолировать проблемный элемент в отдельный «RenderLayer» (нечто, до боли напоминающее старый добрый IEшный hasLayout на новом витке развития)

Ну раз напоминает hasLayout, понадеялся, что баг c border-radius и обрезкой исправляет, но не тут то было

Edited November 12, 2013 by Vin

[SelenIT]

А что за баг с ними? Я, похоже, не в курсе...

[Vin]

Ну вот один из примеров http://tech.bluesmoon.info/2011/04/overflowhidden-border-radius-and.html

[SelenIT]

Хм, у меня все последние блинковые — Хром 30.0.1599.101 m, Я-Б 13.10.1500.9151, Опера 17.0.1241.53 — рисуют пример из той статьи адекватно, четко обрезают по кругу. И даже совсем не последний iOS 6.1.3 Safari на айпаде рисует нормально. Только старая Опера на Престо выбивается (причем при любом position).

[Vin]

А, извиняюсь, значит пофиксили. Просто в своё время помучился, особенно с оперой.

[vinny]

«В любой непонятной ситуации фигачь -webkit-backface-visibility: hidden» (©)

помогло, спасибо

[SelenIT]

Похоже, скоро магии -webkit-backface-visibility: hidden придет крышка (как минимум, в Сафари, подберет ли Блинк это изменение, пока неизвестно). По идее, сабжевую проблему должно решать новое стандартное свойство will-change (хотя некоторые уважаемые люди считают, что это тоже костыль, но, по крайней мере, его поведение не должно меняться по прихоти разработчиков движков).

[McLotos]

Chrome 34.0.1847.131 полет нормальный

[Seorus]

Я исправил, добавив тегу

display: inline-flex;

Edited June 20, 2016 by Seorus