Having a very strange issue that I can’t seem to find a solution for anywhere! I’m using a combination of CMS Filter, CMS Load, and CMS Sort to manage upcoming events in Webflow project.
As such, date range filtering is pretty vital.
My date range filter is applied through a custom JS script that listens for changes in a dropdown, though it can also be manually entered into input fields under the “More Filters” option.
This all seems to work fine, and date filtering works fine on my desktop that I’ve been developing the site on.
However…
When I try to test on any other devices, any application of the date filter returns no results in CMS filter.
I have tried different browsers, devices, and OS, on all of which the date filters aren’t working. Only my single computer seems to be working.
For the mobile device, you can see the date field being formatted as “23 Sep 2024” which is not a date format supported by CMS Filter, while on the Desktop breakpoint, I see “23/09/2024” which is accepted.
Interesting that it formats differently on your mobile to mine.
The problem is not so much a responsive issue where the filter doesn’t work on Mobile & Tablet as an issue where the date filtering system appears to only work on one specific device where I’ve been doing a lot of the web building.
I have checked multiple different desktops, laptops, browsers and OS to no avail. I’ve also checked in incognito mode with disabled extensions e.t.c. It only works on one specific computer.
I have however checked my JS that handles the date input and ensured that it reformats the date into the format that webflow prefers. You should be able to see that in the filter tags UI once you’ve completed the date filter.
Hey @tom1! Strange issue indeed, and I can’t replicate the broken desktop site on my end…
Here is a quick loom on what I found:
In summary, date fields are correctly formatted, the same filter data is being passed into the filters on a working and non-working site (my desktop Chrome works, mobile Safari doesn’t).
An issue that I once saw, is that the CMS Sort and CMS Filter identifiers were the same, this maybe causing some issues on your particular site, so maybe we can test with “date” and “dates” as identifiers?
Also, could you share more info on the devices where this is breaking?
Yes, it’s a very strange one indeed, but I’m glad to see that it’s working on your desktop, gives me a little bit of relief for sure!
I have tried to change the CMS Sort to Dates, but I am still running into the same issue.
Here’s a summary of the devices and browsers on which I’ve seen results.
Success cases:
Windows Computer 1 (Chrome)
Failed Cases:
Windows Computer 1 (MS Edge)
Windows Computer 2 (Chrome)
Windows Computer (MS Edge)
Samsung Galaxy S21 (Chrome)
Samsung Galaxy S21 (Samsung Internet)
IPhone 14 (Chrome)
IPhone 14 (Safari)
Macbook Pro (Chrome)
Macbook Pro (Safari)
I have also tried being logged in, and logged out of both Webflow and my Chrome profile with/without my extensions to see if there was any issue caused there, I can’t find any replicatable issue.
Hey @tom1! Are you using any other scripts on the page? Anything that could be interfering with our scripts for other devices?
I’ve never seen this fail in some devices while working on others. Nothing on your setup suggests anything is wrong or should break.
I did nothing special for it to work on my end, it has always worked on my Desktop using Chrome and Safari.
Is it too much to ask for you to build a page made up of only the filter and the list? No extra scripts or anything. Maybe we will be able to narrow it down that way
All my other devices (where it wasn’t working) were running English AU as their default language. Once I set them across to English US, it worked just fine. On different Desktops and on mobile devices I had no issues.
I would suspect it will work fine on your phone if you set your language to English (US). I have tested this on Safari browser on a phone and it worked fine.
Though it still doesn’t work on MS Edge, it works everywhere else. Even Samsung internet…
Is there a way to make sure this works on English AU and English UK? That would be really important as the website is targeted towards Australia at this stage, and so most of the users would have English AU as their default language.
Seems like it’s a similar problem to these two threads. Was a resolution or hacky workaround ever figured out?
I also rebuilt the page with no extra scripts e.t.c. in case you wanted to take a look. Test Homepage
Hello @tom1! Weird indeed but I am glad you’ve narrowed it down to the language setting. I’ve passed this on to the dev team to see how we can fix this.
Would you mind letting me know when you’ve received feedback from the dev team and if there’s either something I can do on my end to fix, or a rough timeline to expect to find a resolution.
Not trying to apply pressure, but I just need to understand if I need to seek a different solution for filtering the CMS as it’s a vital element of the intended functionality of my site.
Thanks for your help so far, and thanks in advance for your response!
Editing to add: I’m not sure exactly what was changed on your end, but it’s not working on all my devices correctly. Thanks for your help Luis!
I thought it was all working as intended, but it looks like I was incorrect. It’s definitely something to do with the way I’m reading the date filters. It looks like they’re working in YYYY-DD-MM format instead of YYYY-MM-DD format, which is how I’m setting the date filter using my JS.
I recorded a Loom that I think explains this a little more clearly.
I only have this issue when users are using Australian English as their language rather than US english.
Hello @tom1! Thank you for the continued updates on your end! The team is actively working on this issue. Thank you for your patience and my apologies for the inconvenience
Hey Luis, thanks for the update and appreciate the reply. Really glad the team is working on the issue.
Is there anything I can do on my end? The docs are pretty light on how the date filter works, but I could try converting all my date/time fields into UTC, then convert it based on the users local time zone?
If there’s any other documentation or support you can provide here, that would be great.
Can you also please let me know if this is a priority or a rough estimated timeline? Happy to move to direct message if it’s a preference, I’m in your Slack channel. I just need to understand if I should look for another solution or just wait. No idea the development timeline/pipeline and this functionality is critical for the site to operate as intended. Appreciate your help Luis!
