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

MultiSelect vs Dropdown has different focus behaviour #3721

Closed
kroeberk opened this issue Nov 29, 2022 · 3 comments · Fixed by #3722 or #3723
Closed

MultiSelect vs Dropdown has different focus behaviour #3721

kroeberk opened this issue Nov 29, 2022 · 3 comments · Fixed by #3722 or #3723
Assignees
Labels
Type: Enhancement Issue contains an enhancement related to a specific component. Additional functionality has been add
Milestone

Comments

@kroeberk
Copy link

Describe the bug

Dear Primereact team,

the two components MultiSelect and Dropdown behave differently. When you click the Dropdown and the dropdown panel opens, the search field has immediate focus. This means you can click and then type and thereby search the items in the field. The MultiSelect (even though it has a search field too) is not automatically focussing on that. Therefore you have to perform an additional click to search that field. I don't think that's intended behavior. Or at least it's inconsistent.

Reproducer

No response

PrimeReact version

8.7.2

React version

18.x

Language

TypeScript

Build / Runtime

Create React App (CRA)

Browser(s)

Only tested for Chrome 107.0.5304.110

Steps to reproduce the behavior

  1. Create two Components, MultiSelect and Dropdown with a few items each
  2. Set filter to true on both
  3. Click on either of the components and see the inconsistent focus behaviour.

Expected behavior

Both fields should on click focus immediately on the search field, just to reduce the amount of clicking.

@kroeberk kroeberk 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 29, 2022
@melloware melloware added Type: Enhancement Issue contains an enhancement related to a specific component. Additional functionality has been add 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 29, 2022
@melloware melloware self-assigned this Nov 29, 2022
@melloware melloware added this to the 8.7.3 milestone Nov 29, 2022
@melloware
Copy link
Member

Its missing filterInputAutoFocus property

@mertsincan
Copy link
Member

I think this attribute is not necessary for this issue. In accessibility improvements, such components will have a certain standard.

@melloware
Copy link
Member

I will remove the attribute!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Type: Enhancement Issue contains an enhancement related to a specific component. Additional functionality has been add
Projects
None yet
3 participants