algolia / algolia/autocomplete

Unable to select text in Preview panel

Open
#1,305 0 comments 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

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

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.