From 35b02c6449b35ef30f16f6bd03a409b8d0730564 Mon Sep 17 00:00:00 2001 From: LebCit Date: Fri, 4 Dec 2020 23:01:51 +0200 Subject: [PATCH] Optimized search input target --- assets/js/full-screen-morphing-search.js | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/assets/js/full-screen-morphing-search.js b/assets/js/full-screen-morphing-search.js index f366636..8a02eb1 100644 --- a/assets/js/full-screen-morphing-search.js +++ b/assets/js/full-screen-morphing-search.js @@ -2,7 +2,7 @@ ( function( $ ) { // Target any search input containing any default [attribute=value] of get_search_form(). - let $searchInput = $( 'form' ).find('input').filter( '[type=search], [class=search-field], [name=s], [id=s]' ); + let $searchInput = $( 'form' ).find( 'input, button' ).filter( '[type=search], [class=search-field], [name=s], [id=s], [type=submit]' ); // Display the Full Screen search when The user focuses on a search field. $searchInput.on( 'focus', function( event ) { @@ -59,8 +59,8 @@ } }); - // Reset Morphing Search Input Value to Search... - $( 'input.search-field' ).val(''); + // Clear Search Input Value + $( 'input' ).filter( '[name=s]' ).val(''); // Output default options' values ! if ( fsmsp_vars.fsmsp_options_does_not_exists ) { @@ -106,7 +106,7 @@ } else { - $( '#morphsearch, div.morphsearch-content' ).css( 'background-color', fsmsp_vars.fsmsp_main_backgroung_color ); + $( '#morphsearch, div.morphsearch-content' ).css( 'background-color', fsmsp_vars.fsmsp_main_background_color ); document.querySelectorAll( 'span.morphsearch-close' )[0].style.setProperty( "--morphsearch-close-background", fsmsp_vars.fsmsp_close_icon_color );