Facets collapse too quickly

[Jim Cockerham]

I noticed when viewing a Category screen that has facets assigned, on my Galaxy 9 phone, that if you attempt to scroll down the page the facet list collapses before you can select them. It looks like the Shadows demo site acts the same way. Can anything be done to prevent this?

[Matt Zimmermann]

Hi Jim,

In your extensions JavaScript Resource, try replacing the a11y-toggle function with this one: https://gist.github.com/influxweb/7e...214351e2ffa45f

[Jim Cockerham]

Hi Jim,

In your extensions JavaScript Resource, try replacing the a11y-toggle function with this one: https://gist.github.com/influxweb/7e...214351e2ffa45f

Matt - Thank you, that fixed it!

[netblazon]

Jim Cockerham Matt Zimmermann when you've done this, does the "Sign In" login form still appear but not redirect you to LOGN, as it should?

I implemented this on a site last December and just noticed that now, when I click the Sign In button, that small login form appears but then I'm immediately redirected to the LOGN page.

Oddly restoring extensions.js to the previous version seems to fix the issue on some pages and not other pages! So perhaps it's something else I broke. I just wonder what you are seeing.

Thank you!
Susan

[Jim Cockerham]

Jim Cockerham Matt Zimmermann when you've done this, does the "Sign In" login form still appear but not redirect you to LOGN, as it should?

I implemented this on a site last December and just noticed that now, when I click the Sign In button, that small login form appears but then I'm immediately redirected to the LOGN page.

Oddly restoring extensions.js to the previous version seems to fix the issue on some pages and not other pages! So perhaps it's something else I broke. I just wonder what you are seeing.

Thank you!
Susan

Hi Susan, It's been a few years now, but I don't remember having to make any other changes after implementing the a11y-toggle fix. I think I am seeing what you describe. I do get the sign in box when clicking on the sign in link and after signing in, I stay on whatever page I am on when I clicked on the sign in link. I thought this was an improvement so that you don't have to go back and find for example a product that you were looking at when you signed in.

[netblazon]

Jim, this is exactly the opposite of that nice feature. I click "sign in", the small box with the login form appears, but before you can type in it, you get taken away from the page you're on and to the LOGN page. I'll do some more research on it. Thanks for taking the time to reply!

[Matt Zimmermann]

netblazon To me, that sounds like you may have something interfering with the JavaScript; I would start with checking for console errors. It's been a while, but I don't remember the function having a preventDefault as part of the initial click. If there are no errors, you could try changing it from a link to a button so there is no redirect possible.

[netblazon]

Thanks Matt. There are no console errors. I'll do some more research and testing, and report back for posterity.

[netblazon]

Matt Zimmermann or Jim Cockerham I've confirmed that it is my changes relating to this thread that's causing the problem. I ended up reverting it and doing something different with the facets, so I'm just posting here in case it's helpful to others to note the relationship between the problem I had and the library replacement. I suspect Matt's suggestion of making it not an <a> tag would work, although I don't know if that reduces usability and/or accessibility.

[Matt Zimmermann]

netblazon The changing from an `a` tag to a `button` shouldn't affect usability. As for accessibility, since the goal it for the visitor to use the drop-down and not actually go to the page, a button is technically the more accessible option since, by their nature, buttons are interactive and not navigational.

[netblazon]

Matt Zimmermann Now I'm not sure that was the cause, because the issue seems intermittent... so I did what you said and made it a button. Works great now. Thanks!