autocomplete icon indicating copy to clipboard operation
autocomplete copied to clipboard

Unable to select text in Preview panel

Open markhats opened this issue 8 months ago • 0 comments

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

markhats avatar Feb 19 '25 13:02 markhats