Community forum for knowledge and support

Updated last year

Filter 2 Component Issue on Mobile

At a glance

A community member is experiencing an issue with the "Filter 2" component on their mobile website, where the filter button freezes the screen for over 20 seconds before opening. The issue seems to be specific to the "Global Updates" section of the website, as the problem persists even when the section is pasted onto a different page or website. Another community member suggests that the issue may be caused by a combo class applied to the "filters-wrapper" element, which is affecting the positioning of the filter menu when the button is clicked. The recommended solution is to either create a unique interaction for this element, limit the interaction to desktop, or remove the combo class altogether.

Useful resources

Hi! Has anyone experienced the "Filter 2" component, filter button not working on mobile. The screen freezes for 20+ seconds before it opens.

  • Pasting the section on different page and it still happens
  • Pasting to a new website and it doesn't happen
  • Removing all the main head code and it still happens

The issue is in the Global Updates section:
https://rosi-solar-staging.webflow.io/resources

https://preview.webflow.com/preview/rosi-solar-staging?utm_medium=preview_link&utm_sou[…]&pageId=65b9437c5d7322e4a95743c6&locale=en&workflow=preview

Any suggestions would be very appreciated!! Thanks

R
M
6 comments

What's the recommended process if I can't get support here? Thanks

@Rich Emmerson you have a combo class applied to the filters-wrapper that contains the filter menu on mobile thats affecting the positioning of that when the button is clicked.

I'm guessing its tied to another interaction.

You could either create a unique interaction for this element, limit the interaction to desktop, or remove it altogether and things should work as expected once again.

Thanks for the bump on this - apologies for the delay!

Awesome, thanks much appreciated πŸ™

Can I ask how you found the issue? Is it just experience, or do you have a process for troubleshooting, perhaps tools you use?

honest to God Rich....I think the site looks really cool, and I think you've done a great job. But as soon as the site loaded, I had a gut feeling it was going to be the animations. So I would say experience.

I could also tell that something was firing off when the button was clicked, so I knew that the interactions were there, so I just started with the interactions and went from there to positioning of the filters-wrapper, z-index, etc.

I noticed the combo class, and being that I was in a preview link, I had no fear of breaking things, so I just deleted it and saw that it worked fine once I did.

Ahh using the preview link for non-destructive editing and testing is a great idea - I was creating and restoring from backups every time.

Thanks for your insights and kind words, have a great day!

Add a reply
Sign up and join the conversation on Slack