Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

AutoComplete: Long text tags overflows #3980

Closed
ghost opened this issue May 23, 2023 · 2 comments · Fixed by qburst/primevue#1
Closed

AutoComplete: Long text tags overflows #3980

ghost opened this issue May 23, 2023 · 2 comments · Fixed by qburst/primevue#1

Comments

@ghost
Copy link

ghost commented May 23, 2023

Describe the bug

Long tags cannot be removed from the autocomplete components

Reproducer

https://codesandbox.io/s/zealous-fog-0czu8o?file=/src/App.vue:0-1361

PrimeVue version

3.29.1

Vue version

3.x

Language

TypeScript

Build / Runtime

Vue CLI App

Browser(s)

Chrome 10.13

Steps to reproduce the behavior

  1. Go to autocomplete examples with multi option (https://primevue.org/autocomplete/#multiple)
  2. Type very long text eq. "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maxime animi, quae eius nobis explicabo deserunt et aperiam est autem, unde officiis quibusdam atque temporibus sapiente, ab ullam voluptates. Corrupti ab, quibusdam modi quasi maiores hic earum officiis commodi voluptas atque non delectus quisquam aperiam quos accusantium nobis autem repellendus repudiandae! Neque exercitationem ut consectetur, accusantium accusamus nemo ex alias quas officia fuga consequuntur provident quos, voluptas nisi labore nobis optio explicabo. Distinctio quae repellat amet, consequuntur esse consequatur quia eius? Totam assumenda quibusdam laborum ratione a. Labore aperiam ipsum necessitatibus molestias laboriosam dignissimos quam facere voluptatum numquam, sapiente sed excepturi nesciunt quasi veritatis doloremque, enim nobis est pariatur ratione ea dolorem impedit dolor obcaecati? Quia, quasi voluptas fugiat quae dignissimos, harum, dolorum quaerat a fugit nulla inven"

Expected behavior

A newly created tag cannot be removed as "x" button is hidden. Would be awesome to wrap white-spaces and show a tag with multiple lines

@ghost ghost added the Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible label May 23, 2023
@ghost ghost changed the title Component Name: Issue Title AutoComplete: Long text tags overflows May 23, 2023
@inanc-can
Copy link

I came up with the idea that once text is too long remove the icon placed on the left end of the box.

There would be of course some space between the text and the icon.

Screenshot 2023-05-28 at 16 41 39

amal-qb pushed a commit to qburst/primevue that referenced this issue Jun 9, 2023
amal-qb added a commit to qburst/primevue that referenced this issue Jun 9, 2023
…ong-text-tags-overflow

fix: AutoComplete: Long text tags overflows
@tugcekucukoglu
Copy link
Member

pt property can be used for this case.

@tugcekucukoglu tugcekucukoglu removed the Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible label Oct 30, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
2 participants