Skip to content

RemoveTokenIcon is not visible for long name tokens in AutoComplete with multiple option #8515

@mem70

Description

@mem70

Describe the bug

if you select an item from the suggestion list with a long text that exceeds the field width, the X button is not visible and the item cannot be removed.
You have to remove all the following items using backspace and then you can delete it.

Screen.Recording.2026-03-18.130950.mp4

Reproducer

https://stackblitz.com/run?file=src%2FApp.jsx

System Information

primereact: 10.9.7
react: 19.1.0

Steps to reproduce the behavior

  1. set the preview width to 300px
  2. select from the list: "Albania", "Congo, the democratic Republic" and "Denmark"
  3. you cannot remove the second option since X button is not visible

Expected behavior

There should be a way to delete the option; maybe the X button could be moved at the beginning or the field should have an horizontal scroll

Image

Metadata

Metadata

Assignees

No one assigned

    Labels

    Status: Needs TriageIssue will be reviewed by Core Team and a relevant label will be added as soon as possible

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions