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

Component: Dropdown Auto Scroll- UI Issue #17039

Closed
1997Buhuti opened this issue Dec 12, 2024 · 2 comments
Closed

Component: Dropdown Auto Scroll- UI Issue #17039

1997Buhuti opened this issue Dec 12, 2024 · 2 comments
Labels
Type: Bug Issue contains a bug related to a specific component. Something about the component is not working
Milestone

Comments

@1997Buhuti
Copy link

Describe the bug

The issue occurs when using the dropdown component with virtual scroll support in PrimeNG. When typing in the filter, the suggestions should be displayed in the overlay panel. However, it seems that the height of the overlay panel is set to a very small amount, around 5px, which makes all the autocomplete suggestions appear to be missing.

As a quick fix downgrading to 17.18.12 solved the issue.

image

Environment

17.18.13

Reproducer

No response

Angular version

18.2.12

PrimeNG version

17.18.13

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

v20.16.0

Browser(s)

chrome 131.0.6778.110

Steps to reproduce the behavior

  1. Start typing in the Autocomplete input field with virtual scroll enabled.
  2. Suggestions will appear as expected, but you cannot see them beacuse the height of the overlay panel is so small
  3. Remove the input characters one by one until all characters are cleared. The suggestions disappear, which is expected at this point.
  4. Start typing new characters in the input field again and remove them. The overlay panel remains hidden, failing to show the suggestions with proper.

Expected behavior

image
It should display the overlay panel with correct hieght and values

@1997Buhuti 1997Buhuti added the Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible label Dec 12, 2024
@1997Buhuti 1997Buhuti changed the title Component: Dropdown Auto Scroll Component: Dropdown Auto Scroll- UI Issue Dec 12, 2024
@meursj
Copy link

meursj commented Dec 13, 2024

This seems some generic problem introduced in 17.18.13 with virtual scrolling. The list of options is not filled anymore on initial rendering.

See also the samples
https://v17.primeng.org/autocomplete#virtualscroll
https://v17.primeng.org/dropdown#virtualscroll
https://v17.primeng.org/multiselect#virtualscroll

Look like it works ok on the v18 version. But would be nice to have a fix in the v17 branch until v18/ v19 is more stable

@meursj
Copy link

meursj commented Dec 13, 2024

Duplicate of #16991 and #17007

@mertsincan mertsincan added Status: Pending Review Issue or pull request is being reviewed by Core Team and removed Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible labels Dec 16, 2024
@mertsincan mertsincan added this to the 17.18.14 milestone Dec 16, 2024
@github-project-automation github-project-automation bot moved this to Review in PrimeNG Dec 16, 2024
@mertsincan mertsincan added Type: Bug Issue contains a bug related to a specific component. Something about the component is not working and removed Status: Pending Review Issue or pull request is being reviewed by Core Team labels Dec 17, 2024
@mertsincan mertsincan moved this from Review to Done in PrimeNG Dec 17, 2024
@mertsincan mertsincan closed this as completed by moving to Done in PrimeNG Dec 17, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Type: Bug Issue contains a bug related to a specific component. Something about the component is not working
Projects
Status: Done
3 participants