Я работаю над анимацией, используя packery. Плитки выровнены по сетке, и щелчок по одной из них должен увеличить ее и соответствующим образом динамически переставить плитки. Изменение размера анимировано с помощью переходов CSS3. Все это работает, как и ожидалось, в IE10 и Firefox, как показано в следующем коде: http://codepen.io/anon/pen/ilkmK
Тот же самый код в браузерах на основе WebKit (протестированный в Windows) вызывает бешеное покачивание/дрожание окна при изменении его размера и перемещении.
Я уже отправил проблему, и проблема, похоже, в том, что переходы ширины и высоты в WebKit не оптимизирован. Реализация той же анимации с помощью jQuery.animate немного улучшила ситуацию, но не избавила от покачивания. Особенно на более медленных системах это остается очень заметным.
На данный момент я использую версию JavaScript в качестве немного лучшего запасного варианта или веб-браузеров, но это не оптимально. Я понятия не имею, куда идти дальше, поэтому я надеялся, что Stackoverflow поможет мне.
Буду очень признателен за любые подсказки о том, как заставить это работать в Chrome/Safari.