Query suggestions in detached mode is not working?

[Daniel-Ateles]

When selecting a query suggestion in detached mode (mobile) the search field will be left empty.

Demo code (make the search window really small so detached mode kicks in):
https://codesandbox.io/s/focused-keldysh-logsv?file=/src/App.tsx

[Daniel-Ateles]

Part of the actual error seems to be in this code in autocomplete.js:

      if (value) {
        props.value.core.environment.document.body.appendChild(dom.value.detachedOverlay);
        props.value.core.environment.document.body.classList.add('aa-Detached');
        dom.value.input.focus();
      } else {
        props.value.core.environment.document.body.removeChild(dom.value.detachedOverlay);
        props.value.core.environment.document.body.classList.remove('aa-Detached');
        autocomplete.value.setQuery(""); // <---- HERE
        autocomplete.value.refresh();
      }

[Daniel-Ateles]

I guess it should be more like
autocomplete.value.setQuery(dom.value.input.value);

[francoischalifour]

In detached mode, you're expected to redirect (e.g. with a link, or onSelect) to the results page with the query.

If you want to complete your query within the modal, you need to press on the tap-ahead icon on the right.

[Daniel-Ateles]

In detached mode, you're expected to redirect (e.g. with a link, or onSelect) to the results page with the query.

Ok! Will do that. Thanks for replying quickly! :)