Comments (5)
Hi there, thanks for your feedback!
I've taken a look at your code and everything looks good to me. Our sandbox demo (with the dogs and cats) on our homepage, uses alphabetic sorting with the same attributes you are using and it's working fine with 1.4. Perhaps you could attach a link to your project so I can take a look? What is the exact behavior you are experiencing?
I did notice one issue with the code you have posted though. The styles "opacity: 0;" and "display: none" should not be added inline to the style attribute - they should be added to your CSS. Otherwise they will be overwritten by MixItUp. I hope this helps.
Best,
Patrick
from mixitup.
Hi!
Thanks for the fast reply! I've been fiddling arround with your sandbox demo and I've realised that you've order it by the name of the cats from the beginning in the DOM (I've checked the site without JS enabled, to be sure of it). My test doesn't have an specific order in the original DOM elements.
Thanks in advance,
Cheers!
from mixitup.
Hi there - you are quite right! I've had a look at it again and it appears that sorting alphabetically is sorting by the default order of the DOM rather than by attribute. I will try to get a fix out for this ASAP - thanks for bringing this to my attention.
from mixitup.
Thanks a lot!
from mixitup.
I've just pushed v1.4.1 with a fix for this - let me know if it works! I've also edited our SandBox demo so that the DOM loads in a random order.
from mixitup.
Related Issues (20)
- Human Readable list combined with reset buttons
- Using Mixitup with multiple custom styled select dropdowns
- Provide examples on how to use mixitup inside Next.js
- Sorting and Filtering causes duplicate content
- Update mixer pagination limit on window resize with mixer.configure() HOT 1
- Mix runs 4 times on page load.
- Pagination scrolling issue with CSS property `scroll-behavior` set on `:root`
- Combining multi filter and pagination with url filtering unsecsessful
- how to filter by attribute, not by class? HOT 1
- Reset button + toggle problems with WEBFLOW integration
- Switching from one filter to second one with less items makes some items overshoot their position HOT 3
- .
- Website & Documentation 404'ing.
- mixer became busy after first filtration HOT 2
- Accessible pagination
- Reset the tabindex on pagination change
- MixItUp Pagination not working with Vite JS
- Invalid certificate on official library website HOT 2
- Uncaught TypeError: t.className.match is not a function
- mixitup related issue
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 mixitup.