Search input clear when clicking the cancel button in Detached mode

[absemetov]

I use autocomplete with instant search, How to set search input when panel open in detached mode?
And change placeholder to query value?

[absemetov]

I solved this bug

1. I comment code

   autocomplete/packages/autocomplete-js/src/autocomplete.ts

   Line 372 in a95f06f

   function setIsModalOpen(value: boolean) {

   autocomplete.value.setQuery(''), it not nessasary
   This solves another problem
   636

2. To change placeholder document.getElementsByClassName("aa-DetachedSearchButtonPlaceholder")[0].innerHTML = state.query;

function setIsModalOpen(value) {
    requestAnimationFrame(function () {
      var prevValue = props.value.core.environment.document.body.contains(dom.value.detachedOverlay);

      if (value === prevValue) {
        return;
      }

      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('');
        autocomplete.value.refresh();
      }
    });
  }

[vnugent]

I'm also having the same problem

[FabienMotte]

Hello @absemetov and @vnugent,

This should be fixed starting from v1.8.3.

See issue #636 (comment) and PR #1100 for reference.

Thanks!

[absemetov]

Thanks @FabienMotte !