Page jump on checkbox click within filter with "Max height of the block" set
The support doesn work on Saturdays and Sundays, so some Friday requests can be answered on Monday. If you have problems with registration ask help on contact us page pleaseIf you not got email within 24~36 business hours, firstly check your spam box, and if no any email from the support there - back to the forum and read answer here. DO NOT ANSWER ON EMAILS [noreply@pluginus.net] FROM THE FORUM!! Emails are just for your info, all answers should be published only here.
The support doesn work on Saturdays and Sundays, so some Friday requests can be answered on Monday.
Good morning,
This is a very nice plugin with solid performance (especially over the"official" one on woocommerce.com)
We did find one issue, though, where selecting a checkbox in a"filter box" that has a max height set (resulting in the overflow-y/scrollbar) causes the page to jump down. This only appears to happen with:
- Term checkboxes that are further down the box (after scrolling a little bit)
- Terms that are assigned to products (so the ones that don't have a"disabled" attribute)
- Terms that are inside a filter box that have a max height and have enough checkboxes to fill up that max height. If we remove the max height, the box ends up being too tall, but the page doesn't jump
We tried enabling Try to ajaxify the shop, but that resulted in a broken layout and the page still jumping anyways.
We have a staging environment with our shop archive so you can see the page jumping: https://filters-dz-premier-v3.pantheonsite.io/machine-category/used-cnc-lathe-for-sale/. You should be able to replicate the issue by going to the Bar Capacity filter and selecting 15".
Thank you for your time!
Hello
I'm not sure if this has anything to do with my plugin
Try to do test with another theme
I did tests, and it looks like the page moves to the place where the checkbox should be (if there is no scroll). In fact, this is the functionality of a third-party script.
Hey Pablo,
Yeah we were thinking it was scrolling to where the checkbox would be also. We'll check switching themes real quick, but we transitioned to this plugin from the one on woocommerce.com, which appears to handle the inline CSS for the max-height/overflow the same way that WOOF does, but we don't get the jumping from the woocommerce.com one, even if both the WOOF widget and woocommerce.com product filter widget are active in the same sidebar at the same time.
Thanks for your time and for the plugin. I'll follow-up here shortly :)
Ok so we use that custom checkbox/radio thing via <label> pseudo element, clearing the actual checkbox input out of the way with position: absolute. When theming the filter UI, we didn't realize that the actual checkbox input was going to the bottom of the container because the checkbox unordered list items didn't have position: relative. That did the trick.
Thank you for the help!
Hello
Great! Thank you for cooperation and welcome;)