В чем проблема c isotope в Safari?

Question

[someden]

Задача:
1. Сделать все посты одинаковой высоты, по самому высокому посту.
2. Отсортировать посты с помощью Isotope

Пример без картинок
Пример с картинками

Работает все хорошо в хроме и фаерфоксе, а вот в сафари глючит и не пойму почему. Как это исправить, что я не так написал?

Как должно быть и как работает в хроме и фаерфоксе:


Баг в сафари:

Comments

[everliving]

Зматчите все картинки внутри контейнера и вызывайте перестройку сетки у плагине. $('.container img').on('load', function () {
$container.istope('layout');
});

[someden]

Наличие картинок не имеет значения, смотрите пример без картинок codepen.io/kisonic/pen/aNERZq

[everliving]

codepen.io/Vitaliiy/pen/EKodwL?editors=1111 можите еще добавить settimeout

[someden]

Да, я знаю что с setTimeout работает, но это хак, хотелось бы разобраться и найти причину неполадок.

Answer 1

[someden]

Как выяснилось проблема была в CSS transition

Answer 2

[Дмитрий]

Может быть дело в том, что плагин инициализируется быстрее, чем загружаются картинки
Попробуйте скачать плагин imagesloaded и по событию done инициализировать isotope.

Comments

[someden]

Плагин инициализируется по событию $(window).on('load' ... ), то есть все картинки уже загружены.

[Дмитрий]

kisonic: дааа? а вы проверяли, что к этому моменту картинки загружены?

[someden]

Наличие картинок не имеет значения, смотрите пример без картинок codepen.io/kisonic/pen/aNERZq