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

p-listbox: max-height forced #14496

Closed
mshnajar opened this issue Jan 6, 2024 · 2 comments
Closed

p-listbox: max-height forced #14496

mshnajar opened this issue Jan 6, 2024 · 2 comments
Labels
question Issue contains a question about the use of PrimeReact components or the products it supports

Comments

@mshnajar
Copy link

mshnajar commented Jan 6, 2024

Describe the bug

In Listbox component, on class: .p-listbox-list-wrapper, max-height: 200px; is applied
This forced the body of Listbox do have maximum height of 200px.
I had to use ::ng-deep & !important to override this problem

Environment

Angular 16, PrimeNG 16

Reproducer

No response

Angular version

16.2..12

PrimeNG version

16.9.1

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

18.10.0

Browser(s)

Chrome, Opera

Steps to reproduce the behavior

No response

Expected behavior

No response

@mshnajar mshnajar added the Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible label Jan 6, 2024
@cetincakiroglu
Copy link
Contributor

Hi,

In listbox, scrollHeight input is set to 200px by default, you can use it by <p-listbox scrollHeight="auto"/>. You don't need to use ng-deep or CSS to override it.

@cetincakiroglu cetincakiroglu added question Issue contains a question about the use of PrimeReact components or the products it supports and removed Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible labels Jan 8, 2024
@john8329
Copy link

What's the rationale behind this default?
Other components don't behave like this (e.g. tables)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
question Issue contains a question about the use of PrimeReact components or the products it supports
Projects
None yet
Development

No branches or pull requests

3 participants