items "jump" on filtering

[hurradieweltgehtunter]

Hi David,

when filtering the visible elements sometimes "jump". It's not much but it's very annoying. In Firefox it's running smoothly. Chrome & Safari makes the items jump.

Any idea?

Ty

[David-Desmaisons]

@hurradieweltgehtunter , if this is a "Chrome & Safari" problem this is most probabily linked to isotope itself. Could you provide more detail about the way you filter data and the css transition?

[hurradieweltgehtunter]

nothing special. isotopeOptions look like this:

isotopeOptions: {
  itemSelector: '.oc-product',
  getFilterData: {
    "show all": function(el) {
      return el.type !== 'publisher'
    },
    apps: function(el) {
      return el.type === 'app'
    },
    'category automation': function(el) {
      return el.type === 'app' && el.category.name.toLowerCase() === 'automation'
    },
    'category collaboration': function(el) {
      return el.type === 'app' && el.category.name.toLowerCase() === 'collaboration'
    }
  }
}

everything else is used as it is, no customization. using vue-isotope v3.0.1

[foxou33]

Hey, guys. Just wanted to thank you for this awesome lib, great work! :) Also, don't know if that helps, but i have the same issue "images jump on filtering" and i noticed that it only happens when transitions are applied to elements (comment them out and the bug disappear)... Hope that helps.

[hurradieweltgehtunter]

what you mean by transitions?

[foxou33]

Css transitions