algolia / algolia/autocomplete
Unable to select text in Preview panel
- Dominant language
- TypeScript
- Stars
- 5.3k
- Forks
- 341
- Avg merge
- 3d 1h
- Merged PRs (30d)
- 5
Description
## Description
When using the Preview panel, it doesn't seem possible for the user to select any of the text in it (for e.g. copy/paste etc.).
## Reproduction
In demo app:
https://codesandbox.io/p/sandbox/github/algolia/autocomplete/tree/next/examples/preview-panel-in-modal
Try selecting some of the text in an item's description.
**Steps**
1. Go to above CodeSandbox demo app.
2. Search for e.g. "hat" using Algolia autocomplete box.
3. In preview of default search result "Bioworld - Call of Duty....", try selecting some of the description text with the mouse.
4. It doesn't select!
## Expected behavior
Text in Preview pane should be selectable or at least optionally selectable. I have tried setting various css properties on the panel and the text itself e.g. `user-select: all`, but nothing seems to work.
## Environment
- OS: Mac
- Browser: Chrome
- Autocomplete version: 1.18.0
Contributor guide
Research direction
Start with the Preview panel in the linked CodeSandbox demo and reproduce the issue by searching for “hat” and dragging across the result description. Trace the panel behavior from that entry point, then verify that text can be selected and copied in the modal preview without breaking the existing search interaction.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100