Comments (5)
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
from vue.isotope.
@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?
from vue.isotope.
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.
from vue.isotope.
what you mean by transitions?
from vue.isotope.
Css transitions
from vue.isotope.
Related Issues (20)
- Window is not defined HOT 1
- Adding a new item to list always appends HOT 1
- "Complete" JSFiddle out of date HOT 1
- Unable to change sortAscending live HOT 1
- Filtering with URL Hash HOT 2
- this.filterText undefined HOT 1
- Support of animationEngine HOT 3
- Reactivity is not working HOT 1
- Masonry layout is not working HOT 1
- How to use vueisotope with Vue single file components HOT 2
- How to filter dynamic data from database
- how can I solve a problem of display of the component “vue-isotope” on “NuxtJS” HOT 8
- Update vueisotope doc examples to use current version of code HOT 1
- using filter method inside another method
- Isotope not reacting to changes in prop `list`
- Module not found: Error: Can't resolve 'Isotope' in vueisotope/dist
- Changes in items don't update isotope HOT 2
- Vue 3? HOT 7
- Isotope combination filters with checkboxes
- Use with typescript
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from vue.isotope.