Hello,
We have site, where we use searchWP plugin. Everything works fine, till we add submit button to search form here is it:
<form role="search" method="get" class="search-form" action="<?php echo home_url( '/' ); ?>">
<fieldset class="design-set">
<label>
<span class="screen-reader-text"><?php echo _x( 'Search for:', 'label', 'woocommerce' ) ?></span>
<input type="search" class="search-field"
placeholder="<?php echo esc_attr_x( 'Search …', 'placeholder', 'woocommerce' ) ?>"
value="<?php echo get_search_query() ?>" name="s"
title="<?php echo esc_attr_x( 'Search for:', 'label', 'woocommerce' ) ?>">
</label>
<input type="image" id="search-submit" src="https://projectdmc.org/support/topic/uncaught-domexception-4/<?= esc_url( get_template_directory_uri() ."/assets/images/search.svg' ) ?>" alt="<?= esc_attr__( 'Search', 'woocommerce' ) ?>">
</fieldset>
</form>
Now whenever I use the button this error is triggered. Everything works fine without this button, but for mobile users we need a button to display the search result on the page
Uncaught DOMException: String contains an invalid character 2 apbct-public-bundle.min.js:1
onsubmit .../wp-content/plugins/cleantalk-spam-protect/js/apbct-public-bundle.min.js?ver=6.2:1
(Async: EventHandlerNonNull)
apbct_ready .../wp-content/plugins/cleantalk-spam-protect/js/apbct-public-bundle.min.js?ver=6.2:1
apbct_ready .../wp-content/plugins/cleantalk-spam-protect/js/apbct-public-bundle.min.js?ver=6.2:1
(Async: EventListener.handleEvent)
apbct_attach_event_handler .../wp-content/plugins/cleantalk-spam-protect/js/apbct-public-bundle.min.js?ver=6.2:1
<anonymous> .../wp-content/plugins/cleantalk-spam-protect/js/apbct-public-bundle.min.js?ver=6.2:1
…is this error, because we use <input type="image"...
for button? Because that type of input is used to create graphical submit button (here).
Thanks for help