algolia / algolia/autocomplete

Detached mode - entered text is present in two places

Open
#1,187 1 comment 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
5.3k
Forks
341
Avg merge
3d 1h
Merged PRs (30d)
5

Description

## Description

## Reproduction

[**Preview →**](https://codesandbox.io/s/dazzling-kare-jh6z5m?file=/app.tsx)

**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.

Screenshot 2023-09-08 at 16 29 51

## 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

Contributor guide

Open the contributing guide

Research direction

Start with the linked CodeSandbox and its app.tsx entry point, then reproduce the issue by opening Autocomplete in detached mode and typing "Tw". Trace where the entered text is rendered in the modal and triggering button; done when it appears only in the modal, with the reproduction confirming the behavior.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend, search
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Clearly specified
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.