Do not load results of page load (empty query)

Do you want to request a feature or report a bug?

feature

Bug: What is the current behavior?

Currently, there is no easy way to hide results on page load (empty query). I believe this is pretty common request.

Bug: What is the expected behavior?

The page should not display results, but it also shouldn’t load data. If you sinmple display: none images and such will be fetched.

Bug: What is the proposed solution?

Either add a parameter to <ais-results> for example or at least document how to achieve it (as I believe this is not straight forward).

Related question: https://stackoverflow.com/questions/49069732/how-do-i-set-algolia-to-not-return-any-results-if-the-query-is-blank-laravel-v

[cschweda]

I have the same question: is there a way to render the search box but not automatically display the results when the search page loads?

Essentially, I don’t want results displayed until the user actually starts typing in the box.

I can hide the results, but I’m not clear on how I trap the first keypress in the search box. Checking for v-on:keyup doesn’t work.

Is there an easy way to simply not render any results until the user starts to actually type?

EDIT: The SO link in the OPs original post works. That’s what I was looking for. Thanks.

[fractalf]

@Haroenv Great stuff! You guys are pumping out code 😃

I managed a solution (without a core hack) by combining the suggestion from that stackoverflow link with ith a local query that only change the “algolia” query when not empty. Until the next version comes out, this is good enough.