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: picklist scrolls to top #15861

Closed
jayee opened this issue Jun 19, 2024 · 3 comments · Fixed by #15968 · 4 remaining pull requests
Closed

Component: picklist scrolls to top #15861

jayee opened this issue Jun 19, 2024 · 3 comments · Fixed by #15968 · 4 remaining pull requests
Assignees
Labels
Type: Bug Issue contains a bug related to a specific component. Something about the component is not working
Milestone

Comments

@jayee
Copy link

jayee commented Jun 19, 2024

Describe the bug

When picklist gets focus, it scrolls to top.

Environment

Example on https://primeng.org/picklist

Reproducer

No response

Angular version

18.0.1

PrimeNG version

17.18.1

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

Browser(s)

FF, Chrome

Steps to reproduce the behavior

  1. Go to https://primeng.org/picklist
  2. Scroll down first example with mouse wheel
  3. Click on item

Expected behavior

It should not scroll to top.
See version 16
https://www.primefaces.org/primeng-v16-lts/picklist

@jayee jayee added the Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible label Jun 19, 2024
@TheTiGuR
Copy link

TheTiGuR commented Jul 1, 2024

Adding a little clarification to duplication steps here:

  1. From the basic picklist, scroll down on the source so that the first item(bamboo watch?) is not visible
  2. Click on any other item
  3. See that the picklist scrolls to the top and selects the first item (bamboo watch?)
  4. The first item is not actually selected, but you have to find your item again to select it correctly

Watching the animation, if I don't scroll down and click an item (not the first), it animates the first item as though I clicked it, then moves to the item I selected.

Of note, running Angular 17 (latest minor). Problem was noted in test with at least PrimeNG ~17.17

@jorgebenaventee
Copy link

jorgebenaventee commented Jul 3, 2024

This also happens in the official webpage. If you scroll down in source elements and click last one, you'll get scrolled back to the top.

@mehmetcetin01140 mehmetcetin01140 added Type: Bug Issue contains a bug related to a specific component. Something about the component is not working and removed Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible labels Jul 5, 2024
@mehmetcetin01140 mehmetcetin01140 self-assigned this Jul 5, 2024
@mehmetcetin01140 mehmetcetin01140 added this to the 17.18.4 milestone Jul 5, 2024
@rg1220
Copy link

rg1220 commented Jul 9, 2024

Bump. Seeing this bug as well. Like @jorgebenaventee mentioned, it's happening on the documentation page.

jump

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment