I believe it is because you changed the handles and Javascript toggles in your core theme.
Current version is:
// Init sidebar filter
var wcInitSidebarFilter = function() {
$(document.body).click( function() {
$( ‘.jas-filter-wrap’ ).removeClass( ‘opened’ );
});
$( ‘body’ ).on( ‘click’, ‘.filter-trigger’, function(e) {
e.stopPropagation();
$( ‘.jas-filter-wrap’ ).toggleClass( ‘opened’ );
$( ‘.close-filter’ ).on( ‘click’, function() {
$( ‘.jas-filter-wrap’ ).removeClass( ‘opened’ );
});
e.preventDefault();
});
}
But former version that worked was
// Init sidebar filter
var wcInitSidebarFilter = function() {
$( ‘body’ ).on( ‘click’, ‘.filter-trigger’, function(e) {
$( ‘.jas-filter-wrap’ ).toggleClass( ‘opened’ );
$( ‘.close-filter’ ).on( ‘click’, function() {
$( ‘.jas-filter-wrap’ ).removeClass( ‘opened’ );
});
e.preventDefault();
});
}
Since your previous version is actually best jQuery practice (as the .click event handler is deprecated in latest jQuery version) I wonder why you decided to change it at all.
As I am no jQuery expert though, could you please let me know if there’s a way for me to safely change it in my child theme to override the issue?
.
