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.

Sign up for GitHub

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

Jump to bottom

Component: MultiSelect autoOptionFocus=true #16728

Open
rgolonko opened this issue Nov 12, 2024 · 2 comments · May be fixed by #16786
Open

Component: MultiSelect autoOptionFocus=true #16728

rgolonko opened this issue Nov 12, 2024 · 2 comments · May be fixed by #16786
Labels
Status: Pending Review Issue or pull request is being reviewed by Core Team
Milestone
17.18.13

Comments

@rgolonko
Copy link

rgolonko commented Nov 12, 2024 •
edited
Loading

Describe the bug

First value on sugesttion (after typing some sign in inputFilter and narrow list) is not focused so selecting item by clicking "Enter" is not possible.

Environment

Windows, Chrome

Reproducer

No response

Angular version

18.2.8

PrimeNG version

17.18.11

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

22.4.0

Browser(s)

Chrome 130

Steps to reproduce the behavior

  1. Go to: https://primeng.org/multiselect#filter
  2. Use inputFilter field ex. type "Ro"
  3. First value on suggestions is "Rome" but is not focuese and confirming value by enter is not possible

Expected behavior

First value on suggestions should be focued if autoOptionFocus is set to true.
@rgolonko rgolonko added the Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible label Nov 12, 2024
@rgolonko
Copy link
Author

For workaround I've used @ViewChild('ms') multiselect: MultiSelect; and in callback onFilter() calling this.multiselect.focusedOptionIndex.set(this.multiselect.findFirstOptionIndex()) will do the job :)

@mertsincan mertsincan added Resolution: Help Wanted Issue or pull request requires extra help and feedback and removed Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible labels Nov 19, 2024
@mertsincan mertsincan added this to the Future milestone Nov 19, 2024
@github-actions GitHub Actions
Copy link

Due to PrimeNG team's busy roadmap, this issue is available for anyone to work on. Make sure to reference this issue in your pull request. ✨ Thank you for your contribution! ✨

This was referenced Nov 20, 2024
Closed
Open
@mertsincan mertsincan modified the milestones: Future, 17.18.13 Nov 21, 2024
@mertsincan mertsincan added Status: Pending Review Issue or pull request is being reviewed by Core Team and removed Resolution: Help Wanted Issue or pull request requires extra help and feedback labels Nov 21, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
Status: Pending Review Issue or pull request is being reviewed by Core Team
Projects
None yet
Milestone
17.18.13
2 participants
@mertsincan @rgolonko