Search not pulling in when added into Ally.js accessible window

[fawce]

Hi there,

The search function isn’t working when I add the shortcodes into an ALLY.js accessible div. It may because the ID associated with the search could be used in the ALLY.js library? Could you please help?

Thanks,

Ben.

[Ernest Marcinko]

Hi,

It is probably a script conflict, but I can’t tell for sure. Can I see the issue somewhere on the site?
Currently I only see a disabled PHP shortcode within the box when I click on the sidebar search icon.

[fawce]

Hi Ernest – thanks for your quick reply as always…

https://staging-healthandcarenotts.kinsta.cloud/

It’s the ‘Show Dialog’ button at the top left. Obvs not styled fully yet as want to make sure the process works before building fully in…

Thanks!

Ben

[Ernest Marcinko]

Thank you Ben!

It seems to be working okay on my end, I am getting the no-results message: https://i.imgur.com/UwvqQRr.png
Is the issue that the plugin does respond, but it does not return any results? I cannot see the configuration, but I guess that probably no post types are selected under the General Options -> Sources panel.

[fawce]

I’ve found what is affecting it… you see how. the below has a ‘hidden’ attribute? When I remove this from the search results work?!?!?! I’ve uploaded without the ‘hidden’ attribute to show… I do need this in the code, as it’s needed for the dialog box functionality -can you think of anything I could do??

<div id=”dialog” role=”dialog” tabindex=”-1″ hidden>
<div class=”dialog-content”>
<button type=”button” id=”close-dialog” style=”position: absolute; top: 0; z-index: 9;”>Close</button>
<section>
<div id=”searchContent” class=”u-search–collapse j-search show”>
<div class=”u-search–header”>
“>
img/ics-logo.svg” class=”ics-logo” alt=”ICS Nottingham & Nottinghamshire – link to homepage”>

</div>
<div class=”container-fluid u-search–container d-flex”>
<div class=”u-searchbar d-flex justify-content-center”>
<!– ASP Search Input –>
<?php echo do_shortcode(‘[wpdreams_ajaxsearchpro id=1]‘); ?>
</div>
<div class=”u-search–results”>
<!– ASP Search Results –>
<?php echo do_shortcode(‘[wpdreams_ajaxsearchpro_results id=1 element="div"]‘); ?>
</div>
</div>
</div>
</section>
</div>
</div>

[Ernest Marcinko]

Hi,

I think I found what is happening. It is not the ‘hidden’ attribute, but the script that open the dialog window causing the issue.
When clicking the ‘Show dialog’ button, the script does changes to the search settings form, adding a ‘disabled’ attribute to the post type option, so basically removing the post type options, see: https://youtu.be/39LbY1NhfRM

That is not related to the search script unfortunately. Try looking for the dialog script source, to prevent this behavior. If you check the video closely, many other elements on the page are added some attributes (data-cached-aria-hidden and aria-hidden), that I don’t think it should happen.

[Author]

Posts