Detached mode - entered text is present in two places

[Mikilll94]

Description

Reproduction

Preview →

Steps

1. Go to the CodeSandbox link.
2. Click on the Autocomplete.
3. Type "Tw".
4. As you can see "Tw" is present in two places -> in the modal and in the button which triggered the modal.

Expected behavior

In detached mode when we type something into Autocomplete, the entered text should only be visible in the modal, not in the button which triggers modal.

Environment

• OS: macOS
• Browser: Brave Version 1.57.62 Chromium: 116.0.5845.180 (Official Build) (x86_64)
• Autocomplete version: 1.11.0

[shijithkjayan]

Try this:

.aa-DetachedSearchButtonQuery {
  display: none;
}

This will hide the query on the button