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

Dropdown: Options with long text overflow browser window #14834

Closed
sandrotonon opened this issue Feb 19, 2024 · 3 comments
Closed

Dropdown: Options with long text overflow browser window #14834

sandrotonon opened this issue Feb 19, 2024 · 3 comments
Labels
Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible

Comments

@sandrotonon
Copy link
Contributor

Describe the bug

If a dropdown option is to long to be displayed entirely, it overflows the browser-window and doesn't break line

Screenshot:
Bildschirmfoto 2024-02-19 um 08 55 44

Environment

Tested on MacOS Sonoma 14.3

Reproducer

https://stackblitz.com/edit/sdgdep?file=package.json

Angular version

17.0.5

PrimeNG version

17.7.0

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

unknown

Browser(s)

Firefox 122.0

Steps to reproduce the behavior

No response

Expected behavior

The dropdown options should wrap and be displayed entirely

@sandrotonon sandrotonon added the Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible label Feb 19, 2024
@mehmetcetin01140
Copy link
Contributor

Hi,

You can use itemTemplate to customize as you wish, here is a basic example: https://stackblitz.com/edit/bmatbx-pykeza?file=src%2Fapp%2Fdemo%2Fdropdown-template-demo.html

Closing the issue since there isn't a bug or defect.

@FatimaMedusa
Copy link

I still have this issue

@3vinicius
Copy link

@mehmetcetin01140 Thank you, it completely solved my problem.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible
Projects
None yet
Development

No branches or pull requests

4 participants