primeng icon indicating copy to clipboard operation
primeng copied to clipboard

Component: MultiSelect autoOptionFocus=true

Open rgolonko opened this issue 1 year ago • 1 comments

Describe the bug

First value on sugesttion (after typing some sign in inputFilter and narrow list) is not in focused so confirming value 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 avatar Nov 12 '24 10:11 rgolonko

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 :)

rgolonko avatar Nov 12 '24 10:11 rgolonko

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. :sparkles: Thank you for your contribution! :sparkles:

github-actions[bot] avatar Nov 19 '24 10:11 github-actions[bot]