Skip to content

Unable to select text in Preview panel #1305

Open
@markhats

Description

@markhats

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions